angular js on click and on blur

Question

Я пытаюсь изменить класс при щелчке и размытии в зависимости от ввода ввода или нет. Ниже мой код.

          
  
 
   
 
    

 
     $scope.changeClassOnClick = function(event){ 
 
    \t \t  $scope.class = "active"; 
 
\t \t }; 
 
\t \t 
 
\t \t $scope.changeClassOnBlur = function(event,username){ 
 
        if(!username) 
 
\t \t \t  $scope.class = "large"; 
 
\t \t \t };
 
    

 
    .large{ 
 
    color:red 
 
    } 
 
    .active{ 
 
    color:blue 
 
}
 
    
 <div class = "large" ng-class="class"> 
 
\t \t \t <label class="label">Username</label> 
 
      <input class="field" name="username" type="text" ng-model="username" 
 
      ng-click="changeClassOnClick()" ng-blur="changeClassOnBlur(username)"></div> \t 
 
    
 
   
 
  
 
 

 

Когда что-то введено, я не хочу, чтобы класс был изменен. В противном случае класс должен измениться щелчком и щелчком. Что не так в моем коде?

Заранее благодарен.

Answer 1

Я получил то, что нужно сделать. Мне нужно ссылаться на имя пользователя. для, например: if (this.username)

Answer 2

Попробуйте это:

$scope.changeClassOnClick = function(){ 
    $scope.class = "active"; 
}; 

$scope.changeClassOnBlur = function(username){ 
    if(!username) 
     $scope.class = "large"; 
}; 

<div ng-class="class"> 
    <label class="label">Username</label> 
    <input class="field" name="username" type="text" ng-model="username" ng-click="changeClassOnClick()" ng-blur="changeClassOnBlur(username)"> 
</div> 

Я никогда не сталкивался с параметром события в методе нг-клик.