angularjs当没有输入任何内容时,场上会出现模糊

angularjs ng-blur on field when nothing is entered

本文关键字:模糊 输入 任何内 angularjs      更新时间:2024-06-11

我是angularjs的新手,我正在尝试创建一个带有一些动画的表单页面。我正在尝试从fiddle这里调整代码-http://jsfiddle.net/atXAC/11/

<div ng-class="{'active':hasFocus==true,'inactive':hasFocus==false}">Enter     your Name here</div>
<input type="text" ng-model="user.name" ng-click="hasFocus=true" ng-customblur="onBlur()" required id="name"/>

目前,在点击和点击离开css类被更改。我想做的是,当在框中输入某些内容时,类不应该改变。如果文本框为空,则只应在单击离开时更改类。我该怎么做?非常感谢您的帮助。

提前谢谢。

如果我理解正确,您的控制器应该是这样的。

function MyCtrl($scope) {
    $scope.onBlur = function(){  
    if(user.name=="")
        $scope.hasFocus = false;
    }
}