点击和模糊时的角度js

时间:2016-04-13 15:41:57

标签: javascript html css angularjs

我正在尝试根据输入是否输入来更改点击和模糊的类。以下是我的代码。

  
      $scope.changeClassOnClick = function(event){
   		      $scope.class = "active";
		  };
		  
		  $scope.changeClassOnBlur = function(event,username){
                  if(!username)
			      $scope.class = "large";
			  };
  
     .large{
    color:red
    }
     .active{
    color:blue
}
     <div class = "large" 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>	
      

当输入内容时,我不希望更改类。 否则,班级应该在点击和点击之后改变。 我的代码有什么问题?

提前致谢。

2 个答案:

答案 0 :(得分:0)

试试这个:

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

我从未在ng-click方法中遇到过事件参数。

答案 1 :(得分:0)

我得到了需要做的事情。我需要通过这个来引用用户名。 例如:   如果(this.username)