首页 > Web开发 > 详细

AngularJS之ng-options的best practise

时间:2014-11-25 14:04:34      阅读:363      评论:0      收藏:0      [点我收藏+]

废话不多说,直接上代码。

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

原文:http://www.cnblogs.com/xiangmin/p/4120666.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!