Angular 2: ошибка при использовании директивы *ng-for

Только начал работать с бета-версией Angular 2.0. Я получаю сообщение об ошибке, когда angular не определен при добавлении directive : [angular.ngFor].

Добавление URL-адреса Plunker http://plnkr.co/edit/ULHddLRqPFXvNG7NPo93?p=preview

заранее спасибо


angular angular2-directives
person Nidhin T T    schedule 11.01.2016    source источник
comment
Возможный дубликат Не удается привязать к 'ng-forOf', так как это неизвестное родное свойство   -  person Günter Zöchbauer    schedule 11.01.2016

Ответы (2)


arrow_upward
3
arrow_downward

Вам больше не нужно указывать директиву, поскольку она является основной. Имя используемой директивы — 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 = {}));

Надеюсь, это поможет вам, Тьерри.

person Thierry Templier    schedule 11.01.2016

arrow_upward
1
arrow_downward

Поскольку шаблоны alpha.52 чувствительны к регистру. Вместо этого используйте ngFor. Это изменение также относится к другим директивам (ngIf, ngModel, ...)

person Günter Zöchbauer    schedule 11.01.2016