*ngFor: Bedeutung der # vs lassen?

Bin erst in der angular2 und laufen in 2 unterschiedliche syntax, aber bin mir nicht sicher, der Differenz - oder eher, wie Sie funktionieren.

sehe ich das:

 <select class="form-control" required
      [(ngModel)]="model.power"
        ngControl="power" #power="ngForm" >
      <option *ngFor="let p of powers" [value]="p">{{p}}</option>
    </select>

aber auch das funktioniert

<div *ngFor="#game of games" (click)="gotoGame(game)" class="col-1-4">
        <span>{{game.id}}</span>{{game.name}}
        <br> {{game.description}}
        <br> {{game.genre.name}}
  </div>

ist man nur ein alias der anderen? was sind die Vorteile des einen über den anderen?

InformationsquelleAutor John Nicholas | 2016-05-02
  1. 27

    In der beta.17 die syntax geändert, und nur in dieser form gültig ist mehr

    <select class="form-control" required
  [(ngModel)]="model.power"
    ngControl="power" #power="ngForm" >
  <option *ngFor="let p of powers" [value]="p">{{p}}</option>
</select>

    Siehe auch https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28

    WICHTIGE ÄNDERUNGEN

    Den Verweis #... jetzt immer bedeutet ref-.

    Vor:

    • Außerhalb der ngFor eine #... bedeutete eine Referenz.
    • Innerhalb von ngFor bedeutete es eine lokale variable.

    Dieses Muster war verwirrend.

    Nach:

    • <template #abc> definiert nun einen Verweis auf eine TemplateRef, statt eine input-variable in der Vorlage.
    • Innerhalb der strukturellen Direktiven, die lokale Variablen deklarieren, wie *ngFor Verwendung von #... ist veraltet. Verwenden let statt.
    • <div *ngFor="#item of items"> jetzt wird <div *ngFor="let item of items">
    • var-... ist veraltet.
    • verwenden # oder eine ref- außerhalb der *ngFor
    • für ngFor, verwenden Sie die syntax: <template ngFor let-... [ngForOf]="...">
    • toll, auch ein Upgrade von ts behoben einige seltsame Verhalten, dass ich dachte, war mein Fehler innerhalb ngFor. Doppel win 😀
    InformationsquelleAutor Günter Zöchbauer
Schreibe einen Kommentar