javascript - 如何在 Angular JS 的选择列表中选择默认下拉选项

Question

我有以下选择选项:

<select ng-model="class_name" name="class_name" class="form-control">
<option ng-repeat="t in MemberClass" value="{{t}}">{{t.class_name}}</option>
</select>

我想设置默认选项MemberClass[0]来选择选项。我尝试了以下代码但不起作用。

JSON 数据来自 Webservice...

//To fetch Member Class  
  $http.get('http://192.168.1.6:8080/apartment//member/class/list').then(function(response) {
    $scope.MemberClass = response.data.list;
    $scope.class_name = $scope.MemberClass[0]; // Not working
});

成员类 JSON 数据是:

[
    {
        "class_id": 1,
        "class_name": "Owner",
        "class_details": "DCE"
    },      
    {
        "class_id": 7,
        "class_name": "Staff "
    },
    {
        "class_id": 10
        "class_name": "Vendor"
    }
]

Plunker 样本:https://plnkr.co/edit/vVcrmOREkcVBBM2Ynhgv?p=preview(如果我不选择任何选项，则会出现错误...)

Answer 1

您可以使用ng-options为了这。大多数时候这是首选方式。像这样:

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
</select>

现在，由于您已将 $scope.class_name 指定为默认值，因此它已被选中。

working example