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>
出來是這樣
而且默認(rèn)也沒有選中
還有一點(diǎn)就是如果我用ng-options 出來是這樣子的
value很奇怪，我的數(shù)據(jù)里面，id:1，這樣的，還多了個(gè)label
求解答！！
問題解答
回答1：需使用ng-value進(jìn)行值綁定哈，另外建議把默認(rèn)選項(xiàng)也添加到數(shù)組中，統(tǒng)一進(jìn)行 ng-repeat 循環(huán)就好了。同時(shí)建議命名規(guī)范一下哈如：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...
相關(guān)文章：
1. nignx - docker內(nèi)nginx 80端口被占用2. docker容器呢SSH為什么連不通呢？3. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件4. docker - 各位電腦上有多少個(gè)容器啊？容器一多，自己都搞混了，咋辦呢？5. 關(guān)于docker下的nginx壓力測試6. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””7. mac里的docker如何命令行開啟呢？8. docker gitlab 如何git clone？9. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問題 麻煩幫我看一下10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。
網(wǎng)公網(wǎng)安備