регулировка углового-ui-select и настройка

Question

Я использую Angular UI https://github.com/angular-ui/ui-select.

У меня есть небольшая проблема с моим использованием элемента управления. Я бы хотел, чтобы у вас вообще не было стрелы (что, похоже, позволяет пользователям отправить всю форму, к сожалению). Смотрите красный круг ниже:

Вот соответствующий HTML:

<div class="form-group"> 
     <label for="address" class="control-label col-lg-3">signup.form.address</label> 
     <div class="col-lg-6"> 
      <ui-select ng-required="true" id="address" name="address" ng-model="signupForm.addressReference" reset-search-input="false" theme="bootstrap"> 
       <ui-select-match placeholder="Select address...">{{$select.selected.description}}</ui-select-match> 
       <ui-select-choices repeat="address.reference as address in addresses track by $index" refresh="chooseAddress($select.search)" refresh-delay="0"> 
        {{address.description }} 
       </ui-select-choices> 
      </ui-select> 
     </div> 
     <div ng-messages="signupNgFormCtrl.address.$error" ng-if="signupNgFormCtrl.$submitted" class="col-lg-3"> 
      <div ng-message="required">required</div> 
     </div> 
    </div> 

Может кто-нибудь, пожалуйста, помогите?

С уважением,

Answer 1

Все шаблоны определены в конце select.js. Например, это один имеет class="select2-arrow":

$templateCache.put("select2/match.tpl.html", 
    "<a ...> ... <span class=\"select2-arrow ui-select-toggle\" ng-click=\"$select.toggle($event)\"><b></b></span></a>"); 

или что один имеет <span class=\"caret ui-select-toggle\" ng-click=\"$select.toggle($event)\"></span>:

$templateCache.put("bootstrap/match.tpl.html", ... 

Оба имеют ng-click событие, которое может вызвать эффект, который вы упоминаете. Чтобы избежать стрелки или эффекта, вы можете переопределить шаблон, соответствующий вашей теме.