추가 옵션

Question

이 코드와 옵션의 내 목록에 추가 옵션을 추가하고있다 : 나는 아이템 트리가 필요 할 특정 상황에서, 이제

var defaultOption = { id: 0, descrip: 'Select Item Tree...' }; 
$scope.metaData.itemTrees.splice(0, 0, defaultOption); 

, 그래서

이

<div class="col-lg-9"> 
    <select class="form-control" name="itemTree" id="itemTree" 
      ng-model="currentSalespoint.iTreeTop" ng-required="salespointMode.needsItemTree" 
      ng-options="t.id as t.descrip for t in metaData.itemTrees"></select> 
</div> 
<div class="field-validation-error"> 
    <span ng-show="editSalespointGeneral.itemTree.$error.required && editSalespointGeneral.itemTree.$dirty">Item Tree selection is required.</span> 
</div> 

문제는 0이 유효한 선택이 아니어야한다는 것입니다. 나는 'Select Item Tree'를 선택된 옵션으로 남겨 둘 수 없다. 정말로 필요하게하려면 어떻게해야합니까?

0 대신 null을 사용하려고하면 오류가 발생하지만 '선택 ..'이 사라지고 내 드롭 다운에 빈 행이 생깁니다. 솔루션의

Answer 1

하나는 HTML에 직접 빈 항목을 정의하는 것입니다 :

<select class="form-control" name="itemTree" id="itemTree" 
     ng-model="currentSalespoint.iTreeTop" ng-required="salespointMode.needsItemTree" 
     ng-options="t.id as t.descrip for t in metaData.itemTrees"> 
    <option value="">Select Item Tree...</option> 
</select> 

Plunker : http://plnkr.co/edit/7m8YYVz7HNs1OY7hRIF1?p=preview