2017-12-27 22 views
1

こんにちは、私は新しい開発Angularアプリケーションです。しかし、私は実行時に自分のコードを見てhtmlのselect要素オプションの表示をバインドしたい。私はTypeScriptを使用しています。 私はこのクラスを持っています。私はフィールドが表示されます実行時に定義するこのランタイムバインディング(角度4)

<select class="form-control" [(ngModel)]="selectedOption"> 
     <option *ngFor="let opt of options" [ngValue]="opt"> 
      {{opt."DYNAMICALLY INSERT THE NAME OF THE FIELD TO DISPLAY"}} 
     </option> 
    </select> 

のようにバインドしようとしている

export class Gender{ 
constructor(short:string, long:string){ 
    this.shortName = short; 
    this.longName = long; 
} 
shortName:string; 
longName:string; 

}

。のは、私がそうvalriable WHICHFIELDTODISPLAYで、私は「LONGNAME」と言わせて表示したいフィールドの名前です。この

<select class="form-control" [(ngModel)]="selectedOption"> 
     <option *ngFor="let opt of options" [ngValue]="opt"> 
      {{opt.WHICHFIELDTODISPLAY}} 
     </option> 
    </select> 

のような何かをしたいとしましょう。

したがって、TypeScriptで角度4を使用するselectオプション要素に動的値をバインドするにはどうすればよいですか?

+0

以内に置く値を表示してみてください。 {{opt [WHICHFIELDTODISPLAY]}} これは私に適しています。 –

答えて

1

あなたは私が私の解決策を見つけた角度が結合し、活字体についての詳細を学ぶ研究や学習の数時間の後[]代わりのdot operator

<option *ngFor="let opt of options" [ngValue]="opt"> 
      {{opt[WHICHFIELDTODISPLAY]}} 
</option>