首页 > 代码库 > AngularJS之ng-options的best practise
AngularJS之ng-options的best practise
废话不多说，直接上代码。
function MySelectCtrl($scope){ $scope.Model = [ { id: 10002, MainCategory: ‘男‘, ProductName: ‘水洗T恤‘, ProductColor: ‘黑‘ }, { id: 10004, MainCategory: ‘女‘, ProductName: ‘V领短袖‘, ProductColor: ‘红‘ }, { id: 10006, MainCategory: ‘男‘, ProductName: ‘圆领长袖‘, ProductColor: ‘白‘ }]; $scope.selected = 10002;}
<select ng-model="selected" ng-options="m.id as (m.ProductColor + ‘ - ‘ + m.ProductName) for m in Model"> <option value="">-- 选择一个试试 --</option></select>
- 建议不要直接传resource给api，尽量是字符串或整型（比如绑定的是ng-model="selected"）
- 不要管angular生成出来的<option>...</option>中的value是啥，想传什么值给后端就在ng-options=""中的第一个参数写，如本例是m.id
写下这些，希望我这辈子都不要再被angular的默认选中和传值问题干扰了！
AngularJS之ng-options的best practise
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。