ディレクティブにクラスcssを追加するには？

Question

私は入力のテキストをuppercaseに変更する命令を持っていますが、それはうまくいきますが、今度はユーザーの入力時にcapitalizeのテキストを表示したいのですが、テキストを大文字にしておきたいのですが、大文字にする必要があります。これを行うには、私はCSSクラスを作成しましたが、このCSSを指示に使用する方法はわかりません。

このcssクラスをディレクティブに追加するにはどうすればよいですか？

お試しください。

CSS

.textCapitalize { 
    text-transform: capitalize; 
} 

指令

var app = angular.module('starter'); 

app.directive('uiUppercase', function(){ 

    return { 
     require:'ngModel', 
     link: function(scope, element, attr, ctrl){   
      element.addClass('textCapitalize'); //show text capitalized 
      var _textFormat = function(input){ 
       return input.length > 0 ? input.toUpperCase() : ""; 
      } 

      element.bind('keyup', function(){ 
       ctrl.$setViewValue(_textFormat(ctrl.$viewValue));    
       ctrl.$render(); 
      }); 

     } 

    }; 

}); 

Answer 1

はこれを試してみてください：

app.directive('uiUppercase', function() { 
    return { 

     restrict: 'A', 
     require: 'ngModel', 

     link: function(scope, element, attr, ctrl) { 

     function addUpperCaseClass(ngModelValue) { 

      if(!element.hasClass("textCapitalize")) 
       element.addClass("textCapitalize"); 
     } 
     ctrl.$parsers.push(addUpperCaseClass); 

     } 
    }; 
});