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

Question

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

时出现错误 angular 未定义

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

提前致谢

Answer 1

因为 alpha.52 模板是 case-sensitive。请改用 ngFor。此更改也适用于其他指令（ngIf、ngModel、...）

Answer 2

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

希望对你有帮助，蒂埃里

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

Angular 2 : Error while using directive *ng-for

angular

angular2-directives