Angular Material：'md-card-title-text' 不是已知元素

Question

将 Angular v5 与 Angular Material v5 结合使用。

标记：

  <md-card md-theme="'dark-blue'" md-theme-watch>
    <md-card-title>
       <md-card-title-text>

未捕获的错误：模板解析错误：'md-card-title-text' 不是 已知元素： 1. 如果 'md-card-title-text' 是一个 Angular 组件，那么验证它是这个模块的一部分。

我的模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule, MatCheckboxModule, MatIconModule, MatMenuModule, MatCardModule } from '@angular/material';
...
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
      BrowserModule,
      BrowserAnimationsModule,
      MatButtonModule, MatCheckboxModule, 
      MatMenuModule,
      MatIconModule,
      MatCardModule
  ],
  providers: [...],
  bootstrap: [AppComponent]
})
export class AppModule { }

我页面上的其他 Material 元素工作正常。添加 MatCardModule 后，md-card 解析良好。

令人困惑的是为什么添加 MatCardModule 可以解决任何 md-card 问题，但不能解决 md-card-title-text

Answer 1

因为在Material@5中，元素被称为

mat-card

他们重命名了所有组件。