角度2-同一DOM元素上的两个结构指令[重复]

Question

在使用Angular 2时，我遇到了一个问题：显然我不能将两个结构指令（ngFor，ngIF）放在同一个DOM元素上。
在Angular 1中，这曾经是有效的。例如：

<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"]
  }
}

什么都没发生。甚至没有错误。

如果我将< code>ngIf指令放在子元素上，它会工作:

<div *ngFor="#item of items; #e = even"><div *ngIf="e">{{item}}</div></div>

但问题是，我不想为此添加子元素。例如，如果它是一个<代码>

我知道Angular 2仍处于测试阶段，但我想知道它是否是一个bug，一个功能，或者可能有一种未记录的方法来实现我想要的东西。

Answer 1

一个元素不支持两个结构指令。另请参阅 https://github.com/angular/angular/issues/4792

相反，嵌套它们，同时使用外部模板语法和内部微语法。