Angularjs 对2个数据模型使用ng选项
我使用ng选项填充选项,得到以下选择:Angularjs 对2个数据模型使用ng选项,angularjs,Angularjs,我使用ng选项填充选项,得到以下选择: <select ng-model="selectedState" name="state_select" id="state_select" style="float:left;" ng-options="item.State for item in Info | orderBy: 'State'" ng-change="stateSelected(this)"> <option value=""
<select ng-model="selectedState" name="state_select" id="state_select"
style="float:left;" ng-options="item.State for item in Info | orderBy: 'State'"
ng-change="stateSelected(this)">
<option value="">Please select a State</option>
</select>
如何将
的值设置为state abbrev,而文本设置为state name,如下所示:
<option value="AL">Alabama</option>
阿拉巴马州
您可能能够做到这一点(未经测试) 或者,由于您有一个对象同时具有Approvision和全名:
ng-options="key as state for (key, state) in StateArray"
我将尝试一下。产生如下结果:
Alaska
vs.Alaska
@MB34——更新了答案,给出了一个答案。唯一的问题是,由于我在选择器中使用了该项,因此在选中该项时,它实际上会返回完整的项。如果使用最后一个解决方案,它只返回状态abbrev。我将进一步研究它。现在它实际上正在工作,因为我将您的第一个解决方案中的代码更改为item
vs.item.State
ng-options="item.State as StatesArray[item.State] for item in Info
ng-options="key as state for (key, state) in StateArray"