如何限制多个ui-select中显示的“芯片”数量？

Question

我正在开发AngularJS项目，目前我需要限制ui-select multiple中显示的“筹码”数量。

据此，我并不是指限制用户可以选择的总数量。我想只限制那些可见的。例如，用户可以选择5个选项，但只能看到3个选项。

示例代码如下：

<ui-select multiple require-multiple required name="production_units" max-labels="3" ng-model="device.device_production_units" ng-disabled="disabled" append-to-body="true">
    <ui-select-match placeholder="{{system.devices | translate}}">{{$item.name || $item.external_id}}</ui-select-match>
    <ui-select-choices repeat="option in (lookups.device_production_units | filter:$select.search) track by option.id">{{option.name}}</ui-select-choices>
</ui-select>

提前致谢