javascript - Angularjs 显示从 ng-repeat 值中选择的选项

标签 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>

我的 Controller 是

    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 时,它会自动显示来自所选列表范围的值。 请让我知道如何解决此问题。

最佳答案

使用指令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 的值

关于javascript - Angularjs 显示从 ng-repeat 值中选择的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22239167/

相关文章:

angularjs - NgMask - 支持 2 位小数

javascript - 使用 angularjs 检测未保存的更改并提醒用户

javascript - PHP - 在提交后调用函数?

javascript - 接受一个值并返回一个返回该值的函数的函数叫什么?

javascript - 将变量从 jQuery 传递到 Angular

javascript - 如何解析 ionic 应用程序中的文件路径

angularjs - Angular JS 过滤器等于

javascript - 比较angularjs指令中的两个字段

javascript - 当长度超过时,将直线变为曲线

javascript - AngularJS ng-if 带有 ng-select 事件的隐藏元素不起作用