首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >检索图标时出错:找不到名称为":done“的图标

检索图标时出错:找不到名称为":done“的图标
EN

Stack Overflow用户
提问于 2018-08-27 05:33:59
回答 2查看 9.4K关注 0票数 8

这是我第一次使用角度材质,我有一个关于垫图标的问题。

我的index.html有:<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

在我的共享模块中,我导入了图标:

代码语言:javascript
复制
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中:

代码语言:javascript
复制
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 { }

最后,我将在视图中使用垫子图标:

代码语言:javascript
复制
<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&nbsp;
            <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材料来说绝对是新的,所以我不确定这里发生了什么。我上面所说的应该是可以工作的。有什么想法?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-08-27 05:42:43

这就是您应该如何使用mat-icon组件

代码语言:javascript
复制
<mat-icon>done</mat-icon>
票数 13
EN

Stack Overflow用户

发布于 2021-09-15 17:44:37

如果您使用的是自定义图标。那么您应该使用数据绑定。

代码语言:javascript
复制
<mat-icon  [svgIcon]="'done'"></mat-icon>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52030422

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档