AngularJS之ng-options的best practise

浏览数：37 / 时间：2015年06月09日

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

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的默认选中和传值问题干扰了！

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 java html log 问题 Go for js class 代码 java html log 问题 Go for js

相关文章

随机文章

您可能还喜欢

您可能还喜欢