UI-SELECT 角度需要一个具有空值的可选选项

Question

我正在使用ui-select angular。我需要一个具有空值的选项来选择。谷歌搜索了它，但找不到合适的解决方案。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<ui-select allow-clear ng-model="hotelsCtrl.companySelectedInsert" theme="bootstrap">
                <ui-select-match placeholder="Select or search company in the list...">{{$select.selected.name}}</ui-select-match>
                <ui-select-choices repeat="company in hotelsCtrl.companies | filter: $select.search">
                    <span ng-bind-html="company.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>

有这个

Answer 1

直接的方法是在将元素设置为 ui-select 之前，在 hotelsCtrl.companies 中添加具有空值的元素。

像这样：

   {
      name:'none',
      value:null
   }

也许如果您只想在选择其中一个选项后重置，请使用退格键

这是一个工作示例，请查看此 http://jsfiddle.net/Miqe/x6bqubtw