javascript - 为什么我的ng-options绑定值没用
问题描述
$scope.selected=0;<select 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
求解答！！
问题解答
回答1：需使用ng-value进行值绑定哈，另外建议把默认选项也添加到数组中，统一进行 ng-repeat 循环就好了。同时建议命名规范一下哈如：user in users 或 produce in produces 这种形式。
ng-options示例
<select 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'><p ng-controller='AppCtrl'> <h4>Users List</h4> <select ng-model='selected'><option ng-repeat='o in keyArr'ng-value='{{o.id}}'> {{o.prodName}}</option> </select></p><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>回答2：
https://docs.angularjs.org/ap...
相关文章：
1. 微信chooseImage接口部分机型选择图片后莫名其妙的跳转其他页面2. PHP订单派单系统3. 为什么HTML5规范中会包含一些和html无关的东西？如本地存储等。4. html - 谁能推荐一个类似apple官网的模板，用来展示产品的？5. ueditor上传服务器提示后端配置项没有正常加载，求助！！！！！6. 冒昧问一下，我这php代码哪里出错了？？？7. css - 百度Ueditor富文本编辑器初始化赋值font-size没有值？8. c++ - win764位环境下，我用GCC为什么指针占8个字节，而long是4个字节？9. javascript - 关于微信公众号开发的一个trouble!10. 找一个权威、实战的微信扫码授权登录网站的开发教程或者文章
网公网安备