首页 > 解决方案 > 不能在库中使用 *ngFor

问题描述

我使用以下方法创建了一个 Angular 库:

  1. ng new my-workspace --create-application=false
  2. cd 我的工作区
  3. ng 生成库 my-lib

图书馆工作。但是,当我修改模板以使用 *ngFor 时,如下所示:

模板:

<div *ngFor="let item of items">
  my-lib works!
</div>

我收到一个错误:

属性 ngFor 上没有匹配的指令

到目前为止,我发现的各种建议都没有成功。如果您知道如何获得配置为使用 *ngFor 等指令的新干净库,我将非常感谢您的建议。我用 Angular 8 和 9 创建了库,结果是一样的。

亲切的问候

肖恩

标签: angularshared-librariesangular-directive

解决方案


请在您的自定义模块中导入 CommonModule。之后将其包含在导入数组中。

import {CommonModule} from '@angular/common';

imports: [
  CommonModule
]

推荐阅读