码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS之ng-options的best practise

时间:2014-11-25 14:05:07      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:blog   io   ar   color   sp   java   for   on   div   

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

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

标签:blog   io   ar   color   sp   java   for   on   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!