런타임 바인딩 in Angular 4

Question

안녕하세요 저는 새로운 Angular 응용 프로그램을 개발하고 있습니다. 하지만 런타임에 html select 요소 옵션 표시를 바인딩하여 내 코드를 살펴보고 싶습니다. TypeScript를 사용하고 있습니다. 본 수업이 있습니다. 나는 필드가 표시됩니다 런타임에 정의 할이

<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> 

처럼 뭔가를하기를 원하는 경우를 생각 해보자.

그래서 Type 4에서 각도 4를 사용하는 선택 옵션 요소에 동적 값을 바인딩하려면 어떻게해야합니까?

Answer 1

당신은 연구와 결합 각도에 대한 학습과 내 해결책을 발견 타이프 라이터에 대한 자세한 내용을 학습의 몇 시간 후 [] 대신 dot operator

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