2014-10-06 3 views
5

그래서 각 사용하고 선택된 인덱스를 설정하고이 내 HTML을 선택입니다 :AngularJS와는 선택 요소는

<select id="date" ng-model="selectedDay" ng-change="setDate()" > 
    <option>another option</option> 
    <option>an option</option> 
</select> 

이 내 컨트롤러에 있습니다

$scope.selectedDay; 
document.getElementById("date").selectedIndex = "0"; 

결과 : 세 가지 옵션 : 하나의 공란 (기본값으로 선택) 그리고 나서 html로 만든 두 가지 옵션

대체 무엇입니까? 왜 "다른 옵션"보기를 열 때 기본값이 아닌지

+0

이동 당신은'사용에 select' AngularJS와 https://docs.angularjs.org/api/ng/directive/select – developer10

답변

6

먼저 공식 문서를 항상 확인하십시오. AngularJs는 잘 문서화되어 있습니다.

두 번째로 document.getElementById ("date") selectedIndex = "0"은 자바 스크립트입니다. 각도 기능을 사용할 수있는 경우에는 순수 자바 스크립트 사용을 피하십시오.

문서 : ngOptions``와

https://docs.angularjs.org/api/ng/directive/select

https://docs.angularjs.org/api/ng/directive/ngSelected

+1

고맙습니다! ng-selected = "selectedOption"in controller : selectedOption = "another option"트릭을했습니다! – ErikBrandsma