为什么我的ng-options绑定值没用

$scope.selected=0;

<select class="form-control lls-input-lg" id="cooperationPlatform" ng-model="selected">
    <option value="0">全部</option>
    <option ng-repeat="o in keyArr"
          value="{{o.id}}">
        {{o.prodName}}
     </option>
</select>

出来是这样

而且默认也没有选中

还有一点就是如果我用ng-options 出来是这样子的

value很奇怪，我的数据里面，id:1，这样的，还多了个label

求解答！！

阅读 3.9k

需使用ng-value进行值绑定哈，另外建议把默认选项也添加到数组中，统一进行 ng-repeat 循环就好了。同时建议命名规范一下哈如：user in users 或 produce in produces 这种形式。

ng-options示例

<select class="form-control lls-input-lg" id="cooperationPlatform"
   ng-options="o.prodName for o in keyArr"
   ng-model="selected">
</select>

----------

$scope.selected=$scope.keyArr[1];

ng-value示例

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <title>Angular Repeat-Done Demo</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body ng-app="myapp">
<div ng-controller="AppCtrl">
    <h4>Users List</h4>
    <select class="form-control lls-input-lg" id="cooperationPlatform" ng-model="selected">
        <option ng-repeat="o in keyArr"
                ng-value="{{o.id}}">
            {{o.prodName}}
        </option>
    </select>
</div>
<script type="text/javascript">
    var myapp = angular.module("myapp", [])
            .controller("AppCtrl", ['$scope', function ($scope) {
                $scope.selected=2;
                $scope.keyArr = [
                    {
                        id: 0,
                        prodName: '全部'
                    },
                    {
                        id: 1,
                        prodName: '天金所'
                    },
                    {
                        id: 2,
                        prodName: '测试'
                    },
                    {
                        id: 3,
                        prodName: '还是测试'
                    }
                ]
            }])
</script>
</body>
</html>

为什么我的ng-options绑定值没用

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

如何解决浏览器清除缓存导致axios请求404？

chrome控制台的$不是jquery ?

如何实现一个深拷贝函数？

为什么我的ng-options绑定值没用

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

H5页面 点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

如何解决浏览器清除缓存导致axios请求404？

chrome控制台的$不是jquery ?

如何实现一个深拷贝函数？

H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？