角度材料:&md-card-title-text'不是一个已知的元素

时间:2017-11-22 13:57:53

标签: angular angular-material

使用Angular v5和Angular Material v5。

标记:

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

未捕获错误:模板解析错误:&m; -d-card-title-text&#39;不是一个   已知元素:   1.如果&md-card-title-text&#39;是一个Angular组件,然后验证它是否是该模块的一部分。

my 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-card问题,但不是md-card-title-text

1 个答案:

答案 0 :(得分:0)

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

mat-card

他们重命名了所有组件。