<分区>
在使用 Angular 2 时,我遇到了一个问题:显然我不能将两个结构指令( ngFor
、 ngIf
)放在同一个 DOM 元素上。
在 Angular 1 中,这曾经有效。对于 example :
<div ng-repeat="item in items" ng-if="$even">{{item}}</div>
当我尝试用 Angular 2 做类似的事情时:
@Component({
selector: 'my-app',
providers: [],
template: `
<div>
<div *ngFor="#item of items; #e = even" *ngIf="e">{{item}}</div>
</div>
`,
directives: []
})
export class App {
constructor() {
this.items = ["a","b","c"]
}
}
没有任何反应。甚至没有错误。
如果我把 ngIf
子元素上的指令,it works :
<div *ngFor="#item of items; #e = even"><div *ngIf="e">{{item}}</div></div>
但问题是我不想为此添加子元素。例如,如果它是 <tr>
表格内的标记,然后添加 div
inside 会使 DOM 变得奇怪。
我知道 Angular 2 仍处于测试阶段,但我想知道它是否是一个错误、一个功能,或者是否有一种未记录的方法来实现我想要的。