如何在angular中设置select default选项?
How do I set select default option in angular?
从服务器检索到的json数据如下所示:
$scope.StateList = {"States": [
{
"Id": 1,
"Code": "AL",
"Name": "Alabama"
},
{
"Id": 2,
"Code": "AK",
"Name": "Alaska"
},
{
"Id": 3,
"Code": "AZ",
"Name": "Arizona"
},
{
"Id": 4,
"Code": "AR",
"Name": "Arkansas"
}]}
$scope.Address = {"Address": {
"Address1": "123 Maple" ,
"Address2": null,
"City": "Tempe",
"State": "AZ",
"ZipCode": null,
"Country": null,
"Id": 0,
"Latitude": 0,
"Longitude": 0
}}
我设置了一个像下面这样的选择:
<select ng-model="Address.State">
<option ng-repeat="template in StateList.States">{{template.Code}}</option>
</select>
我需要能够得到地址。要绑定到所选值的State字段,是所选选项的初始值。我还没有能够钉这一个下来,并将感激任何人谁可以告诉我我错过了什么。
你能做的就是使用ng-options指令和ngModel,让angular为你创建这些选项。试试这样:-
<select ng-model="Address.Address.State"
ng-options="state.Code as state.Name for state in StateList.States"></select>
Plnkr
基本上使用了语法
"select" as "label" for "value" in "array"
您可以按照PSL的建议使用ng-options,也可以使用options的value属性
<option ng-repeat="template in StateList.States"
value="{{template.Code}}">{{template.Code}}</option>
恰好链接
最好使用专门为选择下拉菜单提供的ng-options
绑定,而不是提供迭代的ng-repeat
绑定。下面的标记将提供默认文本和下拉选项
<select ng-model='Address.State' ng-options="template.Code for template in StateList.States" >
<option value=""> Select one </option>
</select>
相关文章:
- jquery点击函数select&取消选择
- 在html Select中添加搜索
- Jquery:未触发select事件
- 如何在PHP中使用$_POST获取Select元素值
- Setting default onclick behavior for <img> tag in gene
- 无法在Ionic select中预先选择最后一个选项
- Dojo:访问dijit.form.Select中单击的项目
- X秒后刷新select元素
- 根据select选项元素将表单重定向到不同的URL
- 在select元素中显示highchart dashstyle(svg)
- jQuery动态表单显示在select选项上
- Javascript Select OnChange没有'不要第二次工作
- 更改基于它的Select OPTION's INDEX(Jquery)
- 正在获取select上的功能id
- 根据Select值添加/删除表行
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 如何在触发事件后选择select选项
- JQuery 遍历当前 SELECT 值
- 当使用select作为标签时,如何使用ng选项禁用angularjs中的选项
- 如何在angular中设置select default选项?