我有以下Angular / HTML块,但是我的问题是选择后我只能访问被定义为value
的所选选项的value.id
,而不是一组对象。
在ng-option
上使用group by
语句仅使用select
重写下面的块的最佳做法是什么?
<select name="device[ [[$index]] ]" ng-model="selectedModel" ng-change="loadModelImage(selectedModel, $index)">
<option value="">Model</option>
<optgroup ng-repeat="model in manufacturerModels" label="[[model.model]]">
<option ng-repeat="variant in model.variants" value="[[model.id]]">[[model.model + ' - ' + variant.memory + ' - ' + variant.colour]]
</optgroup>
</select>
答案 0 :(得分:0)
<select ng-model="modelSelected"
ng-options="model.SubArray.name group by model.type
for model in manufacturerModels"
value="model.id">
</select>
请参阅ng-model modelSelected 将分配所选的选项,它将返回您传递的对象类型的对象。
model.SubArray.name 将是您要显示的字符串,例如:&#39; [[mode.model + variant.memory + variant.colour&#39;,我推荐你创建一个具有这三个值的字段,然后,而不是 model.name ,你创建了新的变量,如 model.createdFieldWithThreeNames
然后你有分组,按类型,名称,年份,数据之间的匹配分组。
对于模型(别名) )并且最后 要使用的数组,在本例中为 manufacturerModels 。
向我们发布一些反馈,看看你是否得到了它。