page navigationend change angular2 angular angular-material

navigationend - router events angular 6



Angular 2 ng para el primer, último, bucle de índice (2)

Estoy tratando de establecer por defecto la primera aparición en este ejemplo: plunkr

obteniendo el siguiente error:

Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property ''toUpperCase'' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first"> "): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in ng:///AppModule/HomeComponent.html@35:78 (" <md-button-toggle *ngFor="let indicador of indicadores; #first = first" value="indicador.id" [ERROR ->][checked]="first"> <span>{{ indicado"): ng:///AppModule/HomeComponent.html@35:153

¿¿qué está mal??


Así es como se hace en Angular 6

<li *ngFor="let user of userObservable ; first as isFirst"> <span *ngIf="isFirst">default</span> </li>

Tenga en cuenta el cambio de let first = first to first as isFirst


Mira este plunkr .

Cuando se vincula a variables, debe usar los corchetes. Además, utiliza el hashtag cuando desea obtener referencias a elementos en su html, no para declarar variables dentro de plantillas como esa.

<md-button-toggle *ngFor="let indicador of indicadores; let first = first;" [value]="indicador.id" [checked]="first"> ...

Editar: Gracias a Christopher Moore : Angular expone las siguientes variables locales:

  • index
  • first
  • last
  • even
  • odd