Javascript 如何在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>

{{template.Code}

我需要能够获取地址。要绑定到所选值的状态字段必须是选择选项的初始值。我无法确定这一点，如果有人能告诉我我缺少什么，我将不胜感激。对于要使用的实时版本。

您可以使用指令和ngModel，让angular为您创建选项。试着这样做：-

 <select ng-model="Address.Address.State" 
         ng-options="state.Code as state.Name for state in StateList.States"></select>

基本上，这使用了语法

选择“数组”中“值”的“标签”

您可以使用指令和ngModel，让angular为您创建选项。试着这样做：-

 <select ng-model="Address.Address.State" 
         ng-options="state.Code as state.Name for state in StateList.States"></select>

基本上，这使用了语法

选择“数组”中“值”的“标签”

您可以使用指令和ngModel，让angular为您创建选项。试着这样做：-

 <select ng-model="Address.Address.State" 
         ng-options="state.Code as state.Name for state in StateList.States"></select>

基本上，这使用了语法

选择“数组”中“值”的“标签”

您可以使用指令和ngModel，让angular为您创建选项。试着这样做：-

 <select ng-model="Address.Address.State" 
         ng-options="state.Code as state.Name for state in StateList.States"></select>

基本上，这使用了语法

选择“数组”中“值”的“标签”

---

您可以按照PSL的建议使用ng选项，也可以使用选项的value属性

<option ng-repeat="template in StateList.States" 
       value="{{template.Code}}">{{template.Code}}</option>

{{template.code}

---

您可以按照PSL的建议使用ng选项，也可以使用选项的值属性

<option ng-repeat="template in StateList.States" 
       value="{{template.Code}}">{{template.Code}}</option>

{{template.code}

---

您可以按照PSL的建议使用ng选项，也可以使用选项的值属性

<option ng-repeat="template in StateList.States" 
       value="{{template.Code}}">{{template.Code}}</option>

{{template.code}

---

您可以按照PSL的建议使用ng选项，也可以使用选项的值属性

<option ng-repeat="template in StateList.States" 
       value="{{template.Code}}">{{template.Code}}</option>

{{template.code}

---

最好使用专门为选择下拉菜单提供的

ng选项

绑定，而不是提供迭代的

ng repeat

。下面的标记将提供默认文本和下拉选项

<select ng-model='Address.State' ng-options="template.Code for template in StateList.States" >
    <option value=""> Select one </option>
</select>

选择一个

最好使用专门为选择下拉菜单提供的

ng选项

绑定，而不是提供迭代的

ng repeat

。下面的标记将提供默认文本和下拉选项

<select ng-model='Address.State' ng-options="template.Code for template in StateList.States" >
    <option value=""> Select one </option>
</select>

选择一个

最好使用专门为选择下拉菜单提供的

ng选项

绑定，而不是提供迭代的

ng repeat

。下面的标记将提供默认文本和下拉选项

<select ng-model='Address.State' ng-options="template.Code for template in StateList.States" >
    <option value=""> Select one </option>
</select>

选择一个

最好使用专门为选择下拉菜单提供的

ng选项

绑定，而不是提供迭代的

ng repeat

。下面的标记将提供默认文本和下拉选项

<select ng-model='Address.State' ng-options="template.Code for template in StateList.States" >
    <option value=""> Select one </option>
</select>

选择一个

该示例唯一的问题是没有在选择中设置初始值，谢谢您的输入。该示例唯一的问题是没有在选择中设置初始值，谢谢您的输入。该示例唯一的问题是没有在选择中设置初始值，感谢您的输入。该示例唯一的问题是没有在select中设置初始值，谢谢您的输入。