问题描述:在使用 Angular Material 10 检索图标时,出现错误提示 "mysvg! 需要用户登录"。
解决方法:
index.html 文件示例:
Angular Material Icons
MatIconModule 并引用了 MatIconRegistry。app.module.ts 文件示例:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MatIconModule,
HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(matIconRegistry: MatIconRegistry) {
matIconRegistry.setDefaultFontSetClass('material-icons');
}
}
标签引用所需的图标。app.component.html 文件示例:
home
注意:确保图标名称正确,并且 Material Icons 中存在该图标。
通过以上步骤,应该能够成功加载和使用 Material Icons 中的图标,解决 "mysvg! 需要用户登录" 的错误。