javascript - 选择选项中的 Angular 组逗号分隔值

Question

我遇到这个问题，我无法在选择下拉选项中对这个逗号分隔值进行分组，这是我的代码:

这是模型:

Angular 代码:

<select ng-model="attrModel" ng-options="option.Value group by option.Key.Name for option in attrModel track by option.Value"></select>

结果:

预期结果:

Answer 1

问题是你传递了整个Value数组作为 <option> 的值标签。

我不是 100% 确定如何正确处理选择中的嵌套数组，但您可以使用 <optgroup> 为了它。

<select ng-model="myFixedSelection">
  <optgroup ng-repeat="group in attrModel track by $index" label="{{group.Key.Name}}">
    <option ng-repeat="value in group.Value track by $index" >{{ value }}</option>
  </optgroup>
</select>

查看工作 plnkr