2016-07-25 1 views
1

아래 코드는 CHROME AND FF에서 ng-model을 단지 설정합니다. 나는 각 버전 1.4.7 및 브라우저 버전을 사용하고IE에서 ng-model이 업데이트되지 않습니다.

<form> 
     <div ng-repeat="ques in $.vm.records track by $index"> 

      <div class="input-group"> 
       <select ng-model="ques.choiceid"> 
        <option value=""></option> 
        <option value="{{choice.id}}" ng-repeat="choice in ques.choices track by $index" >{{ choice.text }}</option> 
       </select>    
      </div> 
     </div> 
    </form> 

UPDATE는 IE11

+0

어떤 버전의 IE를 확인 하시겠습니까? [여기에서 확인하십시오] –

+0

문서 도구 에서와 같이 "ng-options"를 통해 옵션을 만들려고합니다. ng-options = "item tracker 항목의 item.label item.id " – Vitalii

답변

1

각 문서에서와 같이 각도에서 선택 드롭 다운에 대한 ng-options를 사용해보십시오입니다. 아래 코드는 IE에서 작동합니다.

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script> 
    </head> 
    <body> 

    <div ng-app="myApp" ng-controller="myCtrl"> 

    <select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select> 

    <div class=""> 
     Selected id : {{selected.id}} and value : {{selected.label}} 
    </div> 
    </div> 

    <script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope) { 
    $scope.items = [{ 
        id: 1, 
        label: 'aLabel', 
        subItem: { name: 'aSubItem' } 
        }, { 
        id: 2, 
        label: 'bLabel', 
        subItem: { name: 'bSubItem' } 
        }]; 
    }); 
    </script> 

</body> 
</html> 
관련 문제