我是angular js的新手,正在尝试在我的登录页面中添加一些动画。
我写了一个控制器,它将在单击和模糊时更改输入字段的类。
app.controller("con", function($scope,$rootScope,$http,$location){
$scope.OnClick = function(event){
$scope.username1 = "active";
$scope.password1 = "active";
};
$scope.OnBlurUserName = function(event){
if(this.username)
$scope.username1 = "active";
else{
$scope.username1 = "input";
}
};
$scope.OnBlurPassword = function(event){
if(this.password)
$scope.password1 = "active";
else{
$scope.password1 = "input";
}
};
});
<div class = "input" ng-class="username1" ng-controller="con">
<label class="label">Username</label>
<input class="field" name="username" type="text" ng-model="username"
ng-click="OnClick()" ng-blur="OnBlurUserName(username)" required>
<div class="input" ng-class="password1" ng-controller="con">
<label class="label">Password</label>
<input name="password" class="field" type="password" ng- model="password"
ng-click="OnClick()" ng-touched="OnClick()" ng-blur="OnBlurPassword(password)" required>
发生的事情是单击要更改类的用户名和密码。但是,如果我在用户名中输入了某些内容,然后按下选项卡按钮并在密码中输入了某些内容,则该类不会更改。
我如何检查用户是否已开始输入输入内容并应用与我在单击时申请的课程相同的课程?
提前致谢!
我通过添加ng-focus和ng-click来修复它。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句