는 일부 HTML 태그 빈 NgModel

Question

은이 봐 :

 <label>Business unit</label> 
     <select name="BU" class="form-control" [(ngModel)]="interventionForm.DLCODBUN"> 
      <option *ngFor="let item of buList" >{{item.id}}</option> 
     </select> 

내가 상대 웹 페이지를 열

이 선택 상자는 기본값 (목록의 첫 번째)를 보여 주지만, 그 바인딩 만보기입니다. i가 애플리케이션과 결합 된 변수로 간다면

에

here's the image

Infact는이 [(ngModel)]을 정의 할 것이다.

선택 상자 interventionForm.DLCODBUN의 선택 항목 만 채워지지만 기본 값으로 같은 것을 원합니다! 이 이상하지 않은가요? 누군가 해결 방법을 알고 있습니까?

Answer 1

옵션 태그의 ngValue 속성이 누락 된 것이 원인 일 수 있습니다.

항목 값을 옵션 태그에 추가하려고하면 작동 할 수 있습니다.

<option *ngFor="let item of buList" [ngValue]="item.value">{{item.id}}</option> 

Answer 2

interventionForm.DLCODBUN에 component.ts의 기본값을 지정하십시오. 그런 다음 선택 상자에도 나타납니다. 그러면 component.ts에 값이 생깁니다. 드롭 다운에서 무언가를 변경하기 전까지는 할당 된 값을 얻지 못할 것이므로 가장 좋은 옵션은 이미 구성 요소에 기본값을 할당합니다 .ts