AngularJS顯示從ng-repeat值中選擇的選項

Question

我將ng-repeat放入內部，如下所示。

<div ng-model="list in lists">
<div>
   <select ng-model="pType" ng-options="c.name in projType"></select>  
   <option value="{{list.value}"></option> 
</div>

我的控制器是

    App.controller('pOverCtrl', function ($scope, pOverRepository, $location) {
        $scope.lists = projOverRepository.query();

        $scope.projType = [
            { value: '0', name: 'None Selected' },
            { value: '1', name: 'Construction' },
            { value: '2', name: 'Maintenance' },
        ];
})

下拉列表填充良好。 但我的目標是執行ng-repeat時，它會自動顯示來自所選列表范圍的值。 請讓我知道如何解決此問題。

Answer 1

使用定向ng-selected

<div ng-model="list in lists">
   <select ng-model="pType" ng-options="c.name in projType">                    
        <option ng-selected="list.value == list.selected" value="{{list.value}"></option> 
   </select>  

</div>

假設list.selected變量包含選項selects的值

Answer 2

$scope.pType應該具有選定的值，因為它已被ng-model綁定。

在此處閱讀文檔： http : //docs.angularjs.org/api/ng/directive/select

並且，如果您在$ scope.lists中已經具有選定的值，則可以使用ngSelected指令。