如何使用ng-options重写以下语句?

时间:2014-11-20 11:59:01

标签: javascript angularjs

我有以下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>

1 个答案:

答案 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

向我们发布一些反馈,看看你是否得到了它。