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?