Question

刚开始使用Angular 2.0测试版。我在添加directive : [angular.ngFor]时未定义错误角度。

添加Plunker网址http://plnkr.co/edit/ULHddLRqPFXvNG7NPo93?p=preview

提前致谢

Answer 1

您不再需要指定指令，因为它是核心指令。要使用的指令的名称为ngFor，而不是ng-for。

您的模板：

<h2>{{teamName}}</h2>

<ul>
  {{players}}
  <li *ngFor="#player of players"> {{player}}</li>
</ul>

您的组件：

(function(app) {
  app.AppComponent =
    ng.core.Component({
      selector: 'my-app',
      templateUrl: 'app/home.html',
    })
    .Class({
      constructor: function() {
        this.teamName = 'ManchesterUnited';
        this.players = ['Ronney','Mata','Depay','Jhones','Smalling','Schiderlin'];
      }
    });
})(window.app || (window.app = {}));

希望它可以帮到你，亨利

Answer 2

由于alpha.52模板区分大小写。请改用ngFor。此更改也适用于其他指令（ngIf，ngModel，...）

Angular 2：使用指令* ng-for时出错

2 个答案: