我在尝试在模板标签中使用ngFor和ngIf时遇到了一个奇怪的问题 . 我试图在Analyst对象中显示标签 Headers ,如下所示:
分析师对象:
class Analyst {
private _properties = {labels: [{title:'a'}]};
get labels() {
return this._properties.labels;
}
set labels(labels:Array<string>) {
this._properties.labels = labels;
}
}
组件模板:
<div *ngFor="let analyst of analysts; let i = index">
<h2>Analyst {{i}}</h2>
<template ngFor let-label [ngForOf]="analyst.labels"
[ngIf]="analyst.labels.length > 0">
<div>{{label.title}}</div>
</template>
</div>
我一直在收到错误
无法读取undefined的属性'title'
在以下情况下,错误消失:
-
删除[ngIf]时
-
使用json管道而不是title属性{{label | JSON}} . 打印到屏幕的json字符串包含title属性 .
plunker中完整代码的链接
任何人都可以解释为什么会这样吗?
谢谢!
2 回答
您不能在同一元素上拥有多个结构指令
请改用
你不能在同一个元素上有两个以上的结构指令