2013-07-14 3 views
0

나는 각도가 너무 새롭다. 나는 조금 까다로울 수밖에 없다.선택 각을위한 다중 바인딩

<select ng-model="userToAdd.CollegeCode"> 
         <option ng-repeat="college in colleges" value="{{college.CollegeCode}}">{{college.CollegeName}}</option> 
         </select> 

가 NG 모델에 내가 userToAdd.CollegeCode에 결합 할 수 있었다, 그러나 나는 또한 userToAdd.CollegeName 텍스트를 결합하고 싶습니다 : 나는 선택 요소를 만드는거야. 지금까지 나는 이것의 예를 찾을 수 없다. 둘째로, select가 객체를 업데이트 할 때 userToAdd.CollegeCode에 바인딩됩니다. select 옵션은 해당 값을 선택하지 않습니다. 항상 첫 번째 요소에서 시작됩니다. 누군가 올바른 방향으로 나를 가리킬 수 있습니까?

답변

0

컨트롤러에 $ scope.selectedCollege 속성이 있어야합니다. 코드를 선택하면 해당 대학 객체를 현재 선택된 객체로 설정할 수 있습니다. 모든 대학 객체를 반복하고 one, 나는 어떤 코드도 가지고 있지 않다. - ng-click = "selectCollege ($ index)"를 옵션에 붙인다.) 그런 식으로 여러분은 단지 코드 나 이름뿐만 아니라 대학의 모든 가능한 속성을 갖게됩니다.

$ scope.selectedCollege.name에서 새로 선택한 개체의 대학 이름을 검색하면 두 가지 문제가 해결됩니다.

+0

데이터를 가져 오는 데는 효과가 있지만 선택한 선택 요소 내에서 특정 항목을 만들 수없는 것 같습니다. 따라서 userToAdd.CollegeCode가 채워지면 선택 상자에서 해당 옵션을 선택합니다. – rross

+0

각도의 수명주기 밖에서 userToAdd.CollegeCode의 값을 설정하지 않는지 확인하십시오 (예 : jquery ajax 호출 또는 그와 같은 경우). 이 경우 변경 한 후에 $ scope를 호출해야합니다. $ apply() –