如何使用 AngularJS 在 select 下拉列表中显示部分？

Question

有一个 select 下拉列表，当前显示值列表（所有汽车制造商）。新要求是在同一个 select 下拉列表中包含多个部分，以便它在一个部分下显示一组新的值（普通汽车制造）以及现有的（所有汽车制造）。

如何使用 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>

如何使用 AngularJS 在 select 下拉列表中显示部分？

How to display sections within a select dropdown using AngularJS?

angularjs

angularjs-ng-options

angularjs-select