Множественные привязки для выбора углового

Question

Я новичок в угловом, и я нахожу, что работа с выбором будет немного сложной. Я создаю элемент выбора:

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

в нг-модели я был способен связываться с userToAdd.CollegeCode, но я также хотел бы, чтобы связать текст userToAdd.CollegeName. Пока что я не могу найти пример этого. Во-вторых, выбор привязан к userToAdd.CollegeCode, когда объект обновляется, опция выбора не выбирает это значение. Он всегда начинается с первого элемента. Может ли кто-нибудь указать мне в правильном направлении?

Answer 1

В вашем контроллере должно быть свойство $ scope.selectedCollege, поэтому при выборе кода вы можете установить соответствующий объект колледжа как текущий выбранный объект (не уверены, нужно ли повторять все ваши объекты колледжа и находить один, у меня нет никакого кода - я бы поставил ng-click = "selectCollege ($ index)" в опции). Таким образом, у вас есть все возможные свойства колледжа, а не только код или имя.

Это должно решить обе проблемы, так как вы получили бы имя колледжа только что выбранного объекта из $ scope.selectedCollege.name.