2016-05-06 20 views
2

Ausgabe Erste, während die Anzeige von Daten in Client-Seite von API Fehler immer wie in einem Link folgtWinkel 2 Fehler beim Anzeigen von Daten aus Web-Api

Winkel 2.0.0-beta (bitte auf die Links auf Fehler sehen). 0 rxjs 5.0.0.beta


Error 1
Error 2

<div *ngFor="let model of models"> 
<div class="row"> 
    <div class="col-md-12"> 
     <div class="media"> 
      <div class="media-left"> 
       <a href="#"> 
        <img class="media-object" src="{{model.imageUrl}}" alt="..." style="width:40px; height:40px;"> 
       </a> 
      </div> 
      <div class="media-body"> 
       <h4 class="media-heading">{{model.question}}</h4> 

       <p class="text-justify"> 
        {{model.answer}} 
       </p> 
      </div> 
     </div> 
    </div> 
</div> 
</div> 
+2

Welche Angular2-Version verwenden Sie? –

+0

Update angular 2 Version "angular2": "2.0.0-beta.17", && "rxjs": "5.0.0-beta.6", "zone.js": "0.6.12", – mayur

Antwort

0

Wenn Sie eine ältere Version als beta.17 verwenden, als Sie # statt let

verwenden müssen

Plunker example reproduziert den gleichen Fehler. Das Ändern von let zu # behebt es.

Es ist nicht notwendig, FORM_DIRECTIVES zu importieren oder es seit einiger Zeit zu den Richtlinien hinzuzufügen.

+0

eckig 2.0. 0-beta.0 –

+0

danke Sir Problem gelöst mit # anstelle von lassen –

0

In den Beta/RC-Versionen von Angular2 ist NgFor eine Plattform-Direktive, daher ist nichts in Ihrer Komponente enthalten, um sie verwenden zu können. So scheint es, dass Sie eine alte Version von Angular2 (alpha vielleicht) verwenden, wo Sie benötigt es explizit enthalten:

@Component({ 
    template: ` 
    (...) 
    `, 
    directives: [ NgFor ] 
})