목록에서 동적 항목을 선택하십시오.

Question

<select> 요소에 ng-model=sendTime 요소가있어 목록에서 시간을 선택하십시오. 이 목록은 표준 시간의 제한된 수를 포함하지만 마지막 항목으로 항상 모델의 sendTime에 대한 옵션이 포함되어

<select ng-model="sendTime" style=""> 
    <option value="now">now</option> 
    <option value="08:00">08:00</option> 
    <option value="17:00">17:00</option> 
    <option value="{{sendTime}}">{{sendTime}}</option> 
</select> 

마지막 항목 만 보장되어이 아닌 사용자 정의 시간 (이보기에서 편집 가능)이 선택 상자에 나타납니다. 문제는 Angular가 올바르게 수행하지 않는다는 것입니다. 마지막 요소를 목록에 추가하지만 선택하지는 않습니다. 기본 시간 중 하나만 선택합니다.

어떻게 해결할 수 있습니까?

Answer 1

마지막 옵션을 <option ng-value="sendTime">{{sendTime}}</option>으로 변경하십시오. 행동은 이상한 abit 될 것입니다. 다른 옵션을 선택하면 마지막 옵션 값이 선택한 옵션으로 변경됩니다. 이 동작을하지 않을 경우 당신이 뭔가를 할 수 있습니다 :

는

<select ng-model="sendTime" style="" ng-init="default=sendTime"> 
    <option value="now">now</option> 
    <option value="08:00">08:00</option> 
    <option value="17:00">17:00</option> 
    <option ng-value="default">{{default}}</option> 
</select> 

참조 : 전에 편집에 http://plnkr.co/edit/YhEgbDSxkE6nYy0FaRVF?p=preview