Angularjs - 使用动态 ng-model 在选择中设置默认选项

Question

我有这个问题：我在 ng-repeat 中创建了一个选择，每个选择的 ng-model 都是动态生成的。

我需要为这些选择设置一个默认值，但我不知道该怎么做

HTML

<div ng-controller="ricercaAttivita">
    <div class="accordion-group" ng-repeat="masterAttribute in masterAttributes">
        <select class="trip dark" ng-change = "search(1, true, true)" ng-model="masterAttribute.Id" ng-options="attr.Id as attr.Value for attr in masterAttribute.Values">
            <option value="">Tutte</option>
        </select>
    </div>
</div>

APP.JS

var tantoSvagoApp = angular.module('tantoSvagoApp');

tantoSvagoApp.controller("ricercaAttivita", function ($scope) {

    $scope.masterAttributes = {"id" : "11", nome" : "MARCHE", "values" :
                                                    [{ "id": "114", "nome": "ANCONA" }, { "id": "116", "nome": "ASCOLI PICENO" }]           
        },
                              {"id" : "12", nome" : "LOMBARDIA", "values" :
                                                    [{ "id": "120", "nome": "MILANO" }, { "id": "121", "nome": "BERGAMO" }]         
        };

});

我的选择的 ng-model 是“masterAttribute.Id”，我需要循环每个生成的选择，并在某些条件下设置一个特定的默认选项。

类似

$scope.masterAttribute.Id = 值；

我该怎么做？ 任何人都可以帮帮我吗？

Answer 1

只需将选定的值对象设置为$scope.masterAttribute。在您的控制器中添加

$scope.masterAttribute = masterAttribute.Values[0];

希望这会有所帮助。

Answer 2

$scope.masterAttributes 应该是一个数组 [],

 $scope.masterAttributes=[{
        "id": "11",
        nome " : "
        MARCHE ", "
        values " : [{
            "id": "114",
            "nome": "ANCONA"
        }, {
            "id": "116",
            "nome": "ASCOLI PICENO"
        }]
    },
    {
        "id": "12",
        nome " : "
        LOMBARDIA ", "
        values " : [{
            "id": "120",
            "nome": "MILANO"
        }, {
            "id": "121",
            "nome": "BERGAMO"
        }]

最后在select中设置默认值是，

$scope.masterAttribute = $scope.masterAttributes[0].values[0];