angularjs – 在选择选项中显示两个属性组合

前端之家收集整理的这篇文章主要介绍了angularjs – 在选择选项中显示两个属性组合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下是我的选择框

<select ng-model="colour" ng-options="c.id as c.name for c in colors" ng-init="colour=2">
    <option value="">--Select Colour--</option>
</select>

以下是控制器中的代码

$scope.colors = [
    {id: 1,name: 'black',shade: 'dark'},{id: 2,name: 'white',shade: 'light'},{id: 3,name: 'red',{id: 4,name: 'blue',{id: 5,name: 'yellow',shade: 'light'}
];

在此选择中,仅显示颜色的名称,我的要求是在选项文本中显示名称和阴影.我试过但没有运气,也没有找到任何有用的帖子来做到这一点.

任何人都有一些想法在选择选项文本(编辑,黑暗)中显示名称和阴影.

@H_403_24@解决方法
您可以将阴影附加到表达式中的名称

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

Fiddle

猜你在找的Angularjs相关文章