angular - 模块“AppModule”声明的意外模块“CdkTableModule”

Question

起初，当我输入ng serve, 2 目录@angular/material并被@angular/cdk删除时，我纠正了问题，但现在我有了另一个。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

import {CdkTableModule} from '@angular/cdk';

import { AppComponent } from './app.component';
import { FooterComponent } from './footer/footer.component';
import { HeaderComponent } from './header/header.component';
import { BodyComponent } from './body/body.component';

@NgModule({
  declarations: [
    CdkTableModule,
    AppComponent,
    FooterComponent,
    HeaderComponent,
    BodyComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

CdkTableModule进入imports数组，因为它是一个模块，而不是一个组件。

Answer 2

从@angular/cdk@2.0.0-beta.11 CdkTableModule 被移动到@angular/cdk/table

从'@angular/cdk/table'导入{ CdkTableModule }；

材料 2 的早期版本在 Angular 4 中可能无法按预期工作 请注意它的 DataSource 位于同一模块中：

从'@angular/cdk/table'导入{数据源}；

并且来自 @angular/material 模块的 MdSort 还没有提供 mdSortChange 事件

// this.sort.mdSortChange