允许对 ui-select 中手动输入的文本进行编辑操作

Question

我正在使用 ui-select 库中的选择字段。我可以选择选项或输入一个新选项。当我输入一个新值并尝试通过再次单击该字段来编辑它时，手动输入的值就消失了。是否有任何可用的方法，以便我可以保留手动输入的值并同时对其进行编辑。我已经参考了以下 stackoverflow 问题来实现它。 Allow manually entered text in ui-select

HTML

<ui-select ng-model="superhero.selected">
  <ui-select-match placeholder="Select or search a superhero ...">{{$select.selected}}</ui-select-match>
  <ui-select-choices repeat="hero in getSuperheroes($select.search) | filter: $select.search">
    <div ng-bind="hero"></div>
  </ui-select-choices>
</ui-select>

控制器

$scope.getSuperheroes = function(search) {
 var newSupes = $scope.superheroes.slice();
  if (search && newSupes.indexOf(search) === -1) {
    newSupes.unshift(search);
  }
  return newSupes;
}

下面的链接https://codepen.io/arcotnaresh/pen/bVqqdj已经有一个工作的codepen解决方案了

Answer 1

（更新）

根据官方documentation，您应该像这样将reset-search-input属性设置为false：

<ui-select ng-model="superhero.selected" reset-search-input="false">
    <!-- ... -->
</ui-select>

见CodePen

P.S: 请注意，当输入某个字符串并选择列表中的另一个元素（不是输入的元素）时，再次单击输入时将显示输入的字符串，而不是所选元素.