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

Angular 2 : Error while using directive *ng-for

刚开始使用 Angular 2.0 测试版。添加 directive : [angular.ngFor].

时出现错误 angular 未定义

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

提前致谢

因为 alpha.52 模板是 case-sensitive。请改用 ngFor。此更改也适用于其他指令(ngIfngModel、...)

您不需要再指定该指令,因为它是核心指令。要使用的指令的名称是 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 = {}));

希望对你有帮助, 蒂埃里