각도 - 사용자 정의 컨트롤 테마 및 사용자 정의

Question

각도 UI https://github.com/angular-ui/ui-select을 사용합니다.

컨트롤을 사용하는 데 약간의 문제가 있습니다. 전체적으로 화살표가있는 것을 피하고 싶습니다. (불행히도 사용자가 전체 양식을 제출할 수있는 것처럼 보입니다.)

<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> 

사람이 도와주세요 수 :

여기

는 해당 HTML입니다 : 아래 빨간색 원을 참조하십시오? 모든 템플릿은 select.js의 끝에서 정의

Answer 1

감사합니다.

$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> 있습니다 : 는 예를 들어,이 하나 class="select2-arrow"있다

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

모두 당신이 언급 효과가 발생할 수 있습니다 ng-click 이벤트가 있습니다. 화살표 나 효과를 피하려면 테마에 해당하는 템플릿을 재정의 할 수 있습니다.