在自定义角度库中使用角度材料

时间:2020-09-15 05:21:13

标签: angular storybook angular-library

我有一个角度库项目。我想在该项目中使用外部库,但无法这样做。我安装了角形材料并将MatIconModule导入到我的库的模块之一中。但这仍然会引发错误 mat-icon不是已知元素,任何人都可以帮忙。

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

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依赖项

git24j

这是按钮库package.json文件

enter image description here

0 个答案:

没有答案