小编Ric*_*ado的帖子

我如何在 angular 6 中使用 mdi 图标

我正在尝试在我的迷你项目中使用@angular/material配置mdi图标。我已经尝试了几个教程,但都无济于事。

在按照教程注册图标集时(如下图所示),出现一些错误...

constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) { 
  matIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('./assets/mdi.svg'));
}
Run Code Online (Sandbox Code Playgroud)

这是我的代码...

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MatIconRegistry, MatToolbarModule, MatIconModule } from '@angular/material';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
declarations: [
  AppComponent
],
imports: [
  BrowserModule,
  AppRoutingModule,
  FormsModule,
  HttpModule,
  MatToolbarModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule …
Run Code Online (Sandbox Code Playgroud)

icons angular angular6

3
推荐指数
1
解决办法
4430
查看次数

标签 统计

angular ×1

angular6 ×1

icons ×1