【问题标题】:grab two values from ng-options angular从 ng-options angular 中获取两个值
【发布时间】:2014-11-24 22:27:29
【问题描述】:

我正在尝试遍历一个对象并链接到一个模型,但我希望该模型不仅仅是一种方法,而是多种方法。我在下面找到了一个带有 plnkr 的工作示例。

HTML

<select ng-model="color" ng-options="(c.name+' '+c.shade) for c in colors"></select>

这是控制器

function MyCntrl($scope) {
  $scope.colors = [
    {name:'black', shade:'dark'},
    {name:'white', shade:'light'},
    {name:'red', shade:'dark'},
    {name:'blue', shade:'dark'},
    {name:'yellow', shade:'light'}
  ];
  $scope.color = $scope.colors[2]; // red

}

我正在尝试实现相同的效果,只是我只想在下拉菜单中显示颜色名称。我仍然想同时获取名称和颜色,但我只想在下拉菜单中显示颜色。

我尝试过按 ng-options 的顺序移动,但没有成功。例如:

ng-options="c.name as (c.name+' '+c.shade) for c in colors"

但是当我这样做时,视图变为空白。不确定解决这个问题

请戳这里:http://plnkr.co/edit/TZG3Ra7yTWcAxcimz91B?p=preview

【问题讨论】:

    标签: angularjs ng-options


    【解决方案1】:

    添加 Dang,所以我所要做的就是删除连接部分并拥有

    ng-options="c.name for c in colors"
    

    Angular 会负责其余的工作 :)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-03
      • 1970-01-01
      • 1970-01-01
      • 2016-08-01
      • 2017-07-30
      • 1970-01-01
      • 1970-01-01
      • 2018-07-03
      相关资源
      最近更新 更多