角材料：“ 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组件，则请验证它是否属于此模块。

我的module.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卡问题，而不是md-card-title-text

Answer 1

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

mat-card

他们重命名了所有组件。