Question

我试图遍历一个对象并链接到一个模型，但我希望模型不仅仅是一种方法而是多种方法。我在下面找到了一个带有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"

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

plnkr：http://plnkr.co/edit/TZG3Ra7yTWcAxcimz91B?p=preview

Answer 1

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

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

Angular负责其余部分：）

从ng-options angular中获取两个值

1 个答案: