angularjs - 如何使用 AngularJS 在选择下拉列表中显示部分？

Question

有一个选择下拉列表，当前显示值列表（所有汽车品牌）。新要求是在同一个选择下拉列表中包含部分，以便它在一个部分下显示一组新的值（通用汽车品牌）以及现有的（所有汽车品牌）。

如何使用 AngularJS 实现这一点？

现有代码：

<select ng-model="vm.vehicleSelection.selected.make" 
  ng-options="m for m in vm.vehicleSelection.makes">
  <option value="">Please select</option>
</select>

Answer 1

这个有效:)

如果我们有每个值部分的列表，我们可以将其显示为：

<select 
ng-model="vm.vehicleSelection.selected.make" >
 <option value="">Please select</option>
 <optgroup label="Common Car Makes">
  <option ng-repeat="commonMake in vm.vehicleSelection.commonMakes" ng-value="commonMake">{{commonMake}}</option>
 </optgroup>

 <optgroup label="All Car Makes">
  <option ng-repeat="make in vm.vehicleSelection.makes" ng-value="make">{{make}} 
  </option>
 </optgroup>
</select>