Angularjs显示ng-repeat值的选定选项

时间:2014-03-07 00:34:17

标签: javascript angularjs angularjs-directive

我按照以下方式在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时,它会自动显示来自列表范围的值。 请让我知道如何解决这个问题。

2 个答案:

答案 0 :(得分:2)

使用指向性的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变量包含选项的值选择

答案 1 :(得分:1)

$scope.pType应该具有选定的值,因为它是由ng-model绑定的。

阅读此处的文档:http://docs.angularjs.org/api/ng/directive/select

如果您已在$ scope.lists中拥有所选值,则可以使用ngSelected指令。