1. ホーム
  2. angular

[解決済み] 角度2 ngfor 最初、最後、インデックスループ

2022-07-29 22:07:40

質問

この例では、最初の出現をデフォルトとして設定しようとしています。 plunkr

は以下のエラーを取得します。

    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

どうしたのでしょうか?

どのように解決するのですか?

次のことを確認してください。 プランク .

変数にバインドするときは、ブラケットを使う必要があります。また、ハッシュタグはhtml内の要素への参照を取得するときに使うのであって、テンプレートの中で変数を宣言するようなときには使わない。

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


編集してください。 おかげさまで クリストファー・ムーア : Angularは以下のローカル変数を公開しています。

  • index
  • first
  • last
  • even
  • odd