javascript - 如何在 Angular 中设置选择默认选项？

Question

所以我有从服务器检索的 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>

我需要能够将 Address.State 字段绑定(bind)到所选值，即选择选项的初始值。我无法确定这一点，并且非常感谢任何能够告诉我我所缺少的东西的人。 Here is a plunker以获得可使用的实时版本。

Answer 1

你可以做的是使用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"