2016-10-28 4 views
0
각도

와 기본적으로 다중을 선택할 수 없습니다 선택합니다. 나는 각도를 통해 HTML을 만들 경우html로 배수

그러나, 다음, 마지막 요소는 선택 : 내가 생성 된 HTML을 볼 때

<select 
multiple 
class="form-control" 
ng-model="mymodel"> 
<option selected="selected" ng-repeat="item in myarr.units" value=" {{item.id}}">{{item.name}}</option> 
</select>  

나는 참조 :

<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" multiple="" ng-model="mymodel"> 
<option selected="selected" ng-repeat="item in mymodel" value="2" class="ng- binding ng-scope">One</option> 
<option selected="selected" ng-repeat="item in mymodel" value="3" class="ng-binding ng-scope">Two</option> 
</select> 

그래서 두 요소가 있어요 "selected"하지만 GUI에서 마지막 하나만 선택됩니다. 내가 놓친 게 있니?

답변

1

옵션 선택에서 선택한 값을 사용하는 대신 선택한 값을 바인딩하려면 ng-model을 사용해야합니다.

Plunkr link

<select name="multipleSelect" id="multipleSelect" ng-model="data" multiple="" 
     ng-options="item.id as item.name for item in myarr.units"></select> 

$scope.data = [1, 2]; // selected value