用于选择角度的多个绑定

Multiple bindings for select angular

本文关键字:绑定 选择 用于      更新时间:2023-09-26

我是angular的新手,我发现使用select有点棘手。我正在创建一个选择元素:

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

在ng模型中,我可以绑定到userToAddCollegeCode,但我也想将文本绑定到usertoAddCollegeName。到目前为止,我找不到这样的例子。其次,select绑定到userToAdd.CollegeCode。当对象更新时,select选项不会选择该值。它总是从第一个元素开始。有人能给我指正确的方向吗?

您的控制器中应该有一个$scope.selectedCollege属性,因此当选择代码时,您可以将相应的学院对象设置为当前选择的对象(不确定是否必须迭代所有学院对象并找到那个对象,我没有任何代码-我会在选项上加一个ng-click="selectCollege($index)")。这样一来,你就掌握了一所大学的所有可能属性,而不仅仅是代码或名称。

这应该可以解决这两个问题,因为您将从$scope.selectedCollege.name.

中检索新选择对象的学院名称