angularjs - 在 angular-ui-select 多选模式下禁用选定的选项

Question

在 ui-select 多重模式下，选定的选项将从选项列表中删除(也在源代码中检查)，但我只需要禁用选定的选项，如下所示，而不是删除.

上面的图片取自chosenjs .

有一个选项，ui-disable-choice，可以禁用选项，但它只会使选项完全不可选择。

<ui-select-choices ui-disable-choice="person.name=='Adam'" repeat="person in people">
  <div ng-bind-html="person.name"></div>
</ui-select-choices>

那么，如何让选中的选项出现在选项中但又被禁用呢？

plnkr示例在这里。

Answer 1

您要求的功能在 ui-select v0.17.2 或更高版本中提供。 https://github.com/angular-ui/ui-select/wiki/ui-select#examples-disabling-instead-of-removing-selected-items-in-multiple-selection