刚刚开始使用 Angular 2.0 beta 版本。我在添加时收到错误 angular is not directive : [angular.ngFor]
defined
添加 Plunker 网址http://plnkr.co/edit/ULHddLRqPFXvNG7NPo93?p=preview
提前致谢
刚刚开始使用 Angular 2.0 beta 版本。我在添加时收到错误 angular is not directive : [angular.ngFor]
defined
添加 Plunker 网址http://plnkr.co/edit/ULHddLRqPFXvNG7NPo93?p=preview
提前致谢
您不再需要指定指令,因为它是核心指令。要使用的指令名称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 = {}));
希望它可以帮助你,蒂埃里
由于 alpha.52 模板区分大小写。改为使用ngFor
。此更改也适用于其他指令 ( ngIf
, ngModel
, ...)