UISelect Выбор по умолчанию/опция

Question

У меня должен быть параметр/выбор по умолчанию (например, «Нажмите, чтобы сделать что-то») в Uiselect, к которому я привязываю данные, перенесенные из службы, и обновляется (когда пользователь вводит какие-то данные из службы на основе пользовательского ввода.

Мой Текущая реализация UISelect что-то вроде этого

<ui-select id="agencySelect" class="form-control" ng-model="selectedAgencies.selectedAgency" theme="select2" on-select="onAgencySelected()" ng-disabled="disabled" required autofocus> 
    <ui-select-match >{{$select.selected.Name}} ({{$select.selected.AgencyKey}})</ui-select-match> 
    <ui-select-choices refresh="funcAsync('Agencies',$select.search)" refresh-delay="0" repeat="agency in agencies | filter:$select.search"> 
     <div>{{agency.Name}} ({{agency.AgencyKey}})</div> 
    </ui-select-choices> 
</ui-select> 

Я хочу добавить опцию по умолчанию всегда пользователю как «щелчок, чтобы сделать что-то», это всегда показывается пользователю независимо от фильтрация источника данных.

Can у нас есть что-то вроде этого?

 <ui-select id="agencySelect" class="form-control" ng-model="selectedAgencies.selectedAgency" theme="select2" on-select="onAgencySelected()" ng-disabled="disabled" required autofocus> 
    <ui-select-match >{{$select.selected.Name}} ({{$select.selected.AgencyKey}})</ui-select-match>   
    <ui-select-choices null-label="Click to do something" refresh="funcAsync('Agencies',$select.search)" refresh-delay="0" repeat="agency in agencies | filter:$select.search"> 
     <div ng-trim="false">{{agency.Name}} ({{agency.AgencyKey}})</div> 
    </ui-select-choices> 
</ui-select> 

Теперь я делаю это

<ui-select-choices refresh="funcAsync('Agencies',$select.search)" refresh-delay="0" repeat="agency in agencies | filter:$select.search"> 
     <div >{{agency.Name}} ({{agency.AgencyKey}})</div> 
    </ui-select-choices> 
</ui-select> 

, что я хочу сделать

<ui-select-choices null-label="Click to do something" refresh="funcAsync('Agencies',$select.search)" refresh-delay="0" repeat="agency in agencies | filter:$select.search"> 
     <div>{{agency.Name}} ({{agency.AgencyKey}})</div> 
    </ui-select-choices> 
</ui-select> 

иметь опцию по умолчанию это всегда доступны для пользователя, несмотря на фильтрацию.

ПРИМЕЧАНИЕ: Один из способов, который я могу сделать, это добавить этот параметр «Нажмите, чтобы сделать что-то», чтобы источник данных всегда был первым элементом, но я не хочу связываться с источником каждый раз, когда пользователь фильтрует или пытается извлечь данные с сервера ,

Цените свою помощь.

Answer 1

это довольно просто просто добавить атрибут замещающего в директиву UI-выбор матча

<ui-select ng-model="address.selected" 
     theme="bootstrap" 
     ng-disabled="disabled" 
     reset-search-input="false" 
     style="width: 300px;"> 
<ui-select-match placeholder="Enter an address...">{{$select.selected.formatted_address}}</ui-select-match> 
<ui-select-choices repeat="address in addresses track by $index" 
     refresh="refreshAddresses($select.search)" 
     refresh-delay="0"> 
    <div ng-bind-html="address.formatted_address | highlight: $select.search"></div> 
</ui-select-choices> 

фактически этот код из демо-Ui-выбери мерзавец так ли репо себя видеть plunk