2016-03-02 2 views
0

Можно ли каким-либо образом манипулировать вводом класса тега md-autocomplete с угловым материалом? Что-то вроде:Угловой материал md-input-class

<input flex="" type="search" id="search" name="" class="form-control input-form"> 

В то время как я в настоящее время это, когда я произвожу мой мкр-автозаполнения:

<input flex="" type="search" id="search" name="" ng-if="!floatingLabel" autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-model="$mdAutocompleteCtrl.scope.searchText" ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur()" ng-focus="$mdAutocompleteCtrl.focus()" placeholder="" aria-owns="ul-0" aria-label="" aria-autocomplete="list" aria-haspopup="true" aria-activedescendant="" aria-expanded="false" class="ng-scope ng-valid ng-valid-required flex input-form form-control ng-dirty ng-valid-parse ng-touched" aria-disabled="false" aria-required="false" aria-invalid="false"> 

ответ

0

не из коробки, но если вы просто хотите, чтобы добавить некоторые классы вы можете, вероятно, добавить настраиваемая директива для управления элементом. Что-то вдоль линий этого (не проверено):

module.directive('myAutocomplete', function() { 
    return { 
     link: function(scope, elem, attr) { 
      elem.find('input')[0].classList.add('form-control', 'input-form'); 
     } 
    }; 
}); 

И нам это так:

<md-autocomplete my-autocomplete .... 
Смежные вопросы