Question

我正在使用角度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 { }

Answer 1

您不应将其导入应用模块中，而应直接将其导入并使用在component.ts文件中

如果这不能解决问题

这可能是我遇到的版本兼容性问题我很可能需要将“ @ angular / material”和“ @ angular / cdk”更新为“ 5.0.0-rc.2”，这解决了我的问题

只要看看哪种版本符合您的需求和使用

Answer 2

MatDataTableSource不是角度模块。从导入中删除它。您只需按照角度材料添加组件本身即可。

import {MatTableDataSource} from '@angular/material';

Answer 3

尝试正确导入模块。

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

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

对我来说很好。

Answer 4

自从更新以来，MatTableDataSource的新导入

import {MatTableDataSource} from '@angular/material/table';

Answer 5

将其导入模块后，它对我有用

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

5 个答案: