这是我第一次使用角度材质,我有一个关于垫图标的问题。
我的index.html有:<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
在我的共享模块中,我导入了图标:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatButtonModule,
MatCardModule,
MatIconModule,
MatMenuModule,
MatToolbarModule,
} from '@angular/material';
@NgModule({
imports: [
CommonModule,
MatButtonModule,
MatCardModule,
MatIconModule,
MatMenuModule,
MatToolbarModule
],
exports: [
MatButtonModule,
MatCardModule,
MatIconModule,
MatMenuModule,
MatToolbarModule
],
declarations: []
})
export class SharedModule { }
然后我将SharedModule导入到我的LoginModule中:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../shared/shared.module';
import { LoginRoutingModule } from './login.routing.module';
import { LoginContainerComponent } from './login-container/login-container.component';
import { LoginViewComponent } from './login-view/login-view.component';
@NgModule({
imports: [
CommonModule,
LoginRoutingModule,
SharedModule
],
declarations: [
LoginContainerComponent,
LoginViewComponent
]
})
export class LoginModule { }
最后,我将在视图中使用垫子图标:
<mat-card>
<mat-card-title-group>
<mat-card-title>
Welcome to Track-It
</mat-card-title>
<mat-card-subtitle>
In order to use all of Track-it's goodness, please login...
</mat-card-subtitle>
</mat-card-title-group>
<mat-card-content>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime quod labore autem. Sunt expedita ullam quis in deserunt rem eum, quas culpa quo aut eius consequuntur magni. Voluptates, mollitia ullam.
</mat-card-content>
<mat-card-actions [align]="'end'">
<button mat-flat-button>
Login
<mat-icon svgIcon="done"></mat-icon>
</button>
</mat-card-actions>
</mat-card>
将鼠标悬停在此处,我会得到以下错误:Error retrieving icon: Unable to find icon with the name ":done"
我对Angular一点也不陌生,但对Angular材料来说绝对是新的,所以我不确定这里发生了什么。我上面所说的应该是可以工作的。有什么想法?
https://stackoverflow.com/questions/52030422
复制相似问题