2016-08-12 2 views
2

문제 트랙 이벤트가없는 선택 상자를로드 할 수 있습니다. 내가 할 수없는 것은 초기 값을 설정하는 것입니다.angular2 - 선택 상자의 초기화 값을 설정하는 방법

[ { "id": "1", "name": "USD" }, { "id": "2", "name": "EUR" }] 

<select [(ngModel)]="model_initials.currency" (ngModelChange)="onChange($event)" class="custom-select form-control"> 
      <option [ngValue]="i" *ngFor="let i of basecurrency" [ngModel]="{selected: model_initials.currency.id == 'i.id'}">{{i.name}}</option> 
      </select> 

내가 원하는 ID : 2 그럼 어떻게 설정합니까?

플랫폼 browser.umd.js : 1,900 원의 예외 : ''

답변

2

아래 시도,이 도움이

<select (change)="onChange($event.target.value)"> 
    <option *ngFor="let i of basecurrency" 
      [value]="i" 
      [selected]="model_initials.currency.id == i.id" 
      > 
      {{i.name}} 
     </option> 
    </select> 

희망!

+0

와우 .. 나는 이것으로 어려움을 겪고있다. 감사! – Tampa

+0

하지만 $ event.target.value는 change 이벤트에서 [object Object]를 반환합니다. 그게 뭐야? 새롭게 선택된 가치를 얻으려면 어떻게해야합니까? – Tampa

+0

이벤트에서 오브젝트의 특성을 사용할 수 있는지에 따라 전체 오브젝트를 리턴합니다. –

1

사용 삼차 조건 설정하려면 '선택'속성 없음 값 접근

나는이 오류가 발생했습니다. 이 같은

뭔가 :

<select [(ngModel)]="model_initials.currency"> 
    <option *ngFor="let i of baseCurrency" [attr.value]="i" [attr.selected]="i.id === 2 ? true : null">{{ i.name }}</option> 
</select> 
관련 문제