AngularJS之ng-options的best practise
时间:2014-11-25 14:04:34
收藏:0
阅读:364
废话不多说,直接上代码。
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的默认选中和传值问题干扰了!
原文:http://www.cnblogs.com/xiangmin/p/4120666.html
评论(0)