Javascript 角度迭代选择选项并设置选定值
我有一个从JSON数据中选择状态的集合:Javascript 角度迭代选择选项并设置选定值,javascript,angularjs,Javascript,Angularjs,我有一个从JSON数据中选择状态的集合: <select name="ParentState" ng-model="selectedState" ng-options="s.StateID as s.StateCode for s in cStates | orderBy:'StateCode'"> <option value="">Select State...</option> </select> xParent是该状态的首字母缩写,
<select name="ParentState" ng-model="selectedState" ng-options="s.StateID as s.StateCode for s in cStates | orderBy:'StateCode'">
<option value="">Select State...</option>
</select>
xParent
是该状态的首字母缩写,例如密歇根州的“MI”将ngModel
设置为StateID
(如ngOptions
-值作为数组中对象的文本所示)
,因此将其设置为StateCode
if (s.StateCode == xParentState) {
$scope.selectedState = s.StateID;
}
检查文档中是否有错误 这里使用的是数组中的值的
选择作为标签。因此,要设置ngModel,需要设置StateID
假设您有一个对象,如:
xParentState: {
StateID: 1,
StateCode: 'MI',
StateName: 'Michigan'
}
然后,您可以使用$scope.selectedState=xParentState.StateID直接设置值,而不是迭代状态数组,或者您可以使用ngInit
在模板中进行设置(例如,当用户重新加载页面时):
选择状态。。。
这很好,但不幸的是,返回的家长信息数据只有状态代码。我讨厌错过这么简单的东西。非常感谢。
xParentState: {
StateID: 1,
StateCode: 'MI',
StateName: 'Michigan'
}
<select ng-model="selectedState" ng-options="s.StateID as s.StateCode for s in cStates | orderBy:'StateCode'" ng-init="selectedState = xParentState.StateID">
<option value="">Select State...</option>
</select>