首页 文章

模块'AppModule'导入的意外值'MatTableDataSource' . 请添加@NgModule注释

提问于
浏览 次
1

我正在使用角度5开发角度应用程序 . 我想使用角度材质的“MatTableDataSource” . 但我得到这个错误

模块'AppModule'导入的意外值'MatTableDataSource' . 请添加@NgModule注释 .

我为这个问题寻找解决方案 . 我在git中找到了这个解决方案

“https://github.com/angular/material/issues/10981”

有一个名为@dliebel的用户给出了解决方案 . 我应用了它，但一次又一次地得到这个错误 . app.module.ts如下所示

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { ReactiveFormsModule, FormsModule, FormArray } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { SellDetailFormComponent } from './sellDetail/sellDetailForm.component';
import { RouterModule, Routes } from '@angular/router';
import { HotTableModule } from '@handsontable/angular';
import { CommonModule } from '@angular/common';
import { MatTableModule, MatSortModule,MatTableDataSource } from '@angular/material';
import { SellTableComponent } from './sellDetail/sellTable.component';


const appRoutes: Routes = [
{ path: 'sellTable', component: SellTableComponent }


];

@NgModule({
declarations: [
  AppComponent,SellTableComponent
 ],
imports: [
BrowserModule, HttpModule, FormsModule,
RouterModule.forRoot(appRoutes), ReactiveFormsModule,HotTableModule.forRoot() ,
 HttpClientModule, HotTableModule, 
CommonModule,MatTableModule,MatSortModule,MatTableDataSource
],
bootstrap: [AppComponent]
})
export class AppModule { }
angular

1 回答

  • 0

    尝试正确导入模块 .

    import { MatFormFieldModule, MatInputModule, MatPaginatorModule, MatTableModule, MatSortModule } from '@angular/material';

imports: [
    MatFormFieldModule, 
    MatInputModule, 
    MatPaginatorModule, 
    MatTableModule, 
    MatSortModule 
  ]

    对我来说很好 .

    回复于

相关问题