typescript - Özel Angular Material simgelerim neden kaydedilmiyor?


Aşağıdaki belgeler:

https://material.angular.io/components/icon/overview#icon-sets

Ve bu rehber:

https://materialdesignicons.com/getting-started

Bunu yazdım:

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FeaturesModule } from './features/features.module';

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { MatIconRegistry, MatIconModule } from '@angular/material';
import { DomSanitizer } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    MatIconModule,
    AppRoutingModule,
    FeaturesModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
    matIconRegistry.addSvgIconSet(
      domSanitizer.bypassSecurityTrustResourceUrl('./assets/icons/mdi.svg')
    );
  }
}

Sonra şablonda app.component.html:

<mat-icon svgIcon="android"></mat-icon>

<router-outlet></router-outlet>

ve ayrıca angular-cli.json dosyasında assetsi ayarladım.

Ama sayfayı yüklediğimde şunu alıyorum:

Error retrieving icon: Unable to find icon with the name "android"

mesele şu ki, .svg dosyası yükleniyor:

Belki bir şeyleri kaçırıyorum.

Angular Material 2'de bir İkon seti nasıl doğru eklenir?

İlgili makaleler