javascript - 如何在 Angular 项目中进行表格排序

我认为这是一个简单的问题，但我一直在努力理解为什么会发生此错误


  模块“ AppModule”导入的异常值“ AppModule”。请添加一个@NgModule批注。


我正在尝试在我的角度项目中使用ng-sort库[https://www.npmjs.com/package/ng-sort/v/0.1.18]使表格可排序，

这是我的app.module.ts

...
import { AppModule as SortModule } from 'ng-sort';
@NgModule({
  declarations: [
    AppComponent,
    LogInComponent,
    HomeComponent,

  ],
  imports: [
    ...
    SortModule,
...
  ],
  providers: [ThemeService],
  bootstrap: [AppComponent]
})
export class AppModule { }

另外，我在我的clients-mod.module中做到了，因为我使用了延迟加载

...
import { AppModule as SortModule } from 'ng-sort';

@NgModule({
  declarations: [
    MainClientComponent,
    ClientInfoComponent,
    ClientDetailComponent,
    ClientsAccComponent,

  ],
  imports: [
...

    SortModule

  ]
})
export class ClientsModModule { }
export class AppModule {

}

解决此问题的任何建议或能够根据所单击的列进行排序的任何其他方式。

最佳答案

使用以下方法尝试-

import * as SortModule from 'ng-sort';
@NgModule({
  declarations: [
    AppComponent,
    LogInComponent,
    HomeComponent,

  ],
  imports: [
    ...
    SortModule.AppModule,
...
  ],
  providers: [ThemeService],
  bootstrap: [AppComponent]
})

  这引起了问题，因为appModule是您的主模块的名称，并且您不能使用与import相同的名称。