angular - 无法绑定(bind)到 'md-tooltip'，因为它不是 'span' 的已知属性，从 Angular Material 2.0.0-beta.10 升级到 Angular Material 2.0.0-beta.11

Question

我已将 Angular Material 从 2.0.0-beta.10 升级到 2.0.0-beta.11

如您所知，MaterialModule 已从此版本中删除。现在的问题是我不知道如何导入 MaterialModule 中包含的所有模块。

当我尝试一个一个地导入我需要的模块时，Chrome 控制台给我这样的错误:“无法绑定(bind)到‘md-tooltip’，因为它不是‘span’的已知属性”，即使在 app.module.ts 中我已经导入了 MatTooltipModule。

有什么想法吗？

Answer 1

所以，只是为了确定。在你的 app.module.ts 中，你导入了这样的 Material Design 模块:

import {
  MatSnackBarModule, MatSidenavModule, MatProgressBarModule, MatListModule, MatCheckboxModule,
  MatTooltipModule
} from '@angular/material';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    MatSnackBarModule,
    MatSidenavModule,
    MatProgressBarModule,
    MatListModule,
    MatCheckboxModule,
    MatTooltipModule,
    ...
  ],
  providers: [
   ...
  ]

啊，我猜你忘了将所有内容从 md- 重命名为 mat-!因此，md-sidenav变成了mat-sidenav，md-tooltip变成了mat-tooltip，等等

参见 the change notes