【问题标题】:Concatenate AngularJS 2 drop down ng-options values to 1 drop down将 AngularJS 2 下拉 ng-options 值连接到 1 下拉
【发布时间】:2015-12-23 10:11:34
【问题描述】:
是否可以在模型数组 ig-Model 中连接 2 个值?
我需要捕获两个值并将它们组合成一个新值,这样我就可以使用它在带有 ng-options 的下拉框中显示它们。
下面的东西放在一个下拉菜单中。
<select ng-model="color" ng-options="c.name for c in colors"></select>
<select ng-model="depth" ng-options="p.range for d in depth "></select>
结果应该是:
深红色
【问题讨论】:
标签:
angularjs
concatenation
ng-options
dropdown
【解决方案1】:
你有一个颜色数组...
[{name:"red"}, {name:"green"}]
还有一个深度数组...
[{range:'deep'}, {range:'very deep'}]
难道你不能在你的控制器中创建一个新的对象数组来最终得到类似...
[{name:"red", range:"deep"}, {name:"red", range:"very deep"},{name:"green", range:"deep"}, {name:"green", range:"very deep"}]
然后在您看来,在您的新阵列上执行 ng-repeat?