2013-07-14 59 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属性,所以当你选择一个代码时,你可以将相应的college对象设置为当前选中的对象(不确定是否需要遍历所有的college对象并找到一,我没有任何代码 - 我会在选项上放一个ng-click =“selectCollege($ index)”)。 这样你就可以掌握大学在手的所有特性,而不仅仅是代码或名称。

这应该可以解决您的两个问题,因为您将从$ scope.selectedCollege.name中检索新选定对象的学院名称。

+0

这适用于获取数据,但我似乎无法在选定的选择元素内制作某个项目。所以当userToAdd.CollegeCode被填充时,我希望选择框选择该选项。 – rross

+0

确保你没有试图在angular的生命周期外设置userToAdd.CollegeCode的值(例如jquery ajax调用或类似的东西)。在这种情况下,在你做了修改之后,你还需要调用$ scope。$ apply() –