首页 > 解决方案 > 在自定义角度库中使用角度材料

问题描述

我有一个角度库项目。我想在该项目中使用外部库,但我无法这样做。我安装了角度材料并将 MatIconModule 导入了我的库模块之一。但它仍然会抛出错误mat-icon is not a known element任何人都可以帮忙。

这是我的按钮模块的样子:

import { MatIconModule } from '@angular/material/icon'
@NgModule({
  declarations: [ButtonComponent],
  imports: [
    CommonModule,
    BrowserModule,
    FormsModule,
    FontAwesomeModule,
    MatIconModule
  ],
  exports: [ButtonComponent]
})
export class ButtonModule { }

这是组件代码:

@Component({
  selector: 'ui-button',
  template: `
    <button 
      (click)="onClick.emit($event)"
      [ngClass]="getClasses()" 
      [disabled]="disabled"
      [ngStyle]="{ 'background-color': backgroundColor }"
    ><mat-icon>cloud_download</mat-icon>{{label}}</button>
  `,
  styles: []
});

这是项目 package.json 依赖项

在此处输入图像描述

这是按钮库 package.json 文件

在此处输入图像描述

标签: angularstorybookangular-library

解决方案


推荐阅读