Question

下面是我的角度js代码：

＆＃13;

       <div class = "large" ng-class="{'large active':hasFocus==true,'large':hasFocus==false}">
		<label class="label">Username</label>
        <input class="field" name="username" type="text" ng-model="username" 
        ng-click="hasFocus=true" ng-blur="hasFocus=false"></div>

＆＃13;

点击和点击后，css类正在改变。我如何添加逻辑来检查是不是输入了文本然后只切换类？如果输入了一些文本，则该类不应更改。

任何帮助都非常感激。

提前致谢！

Answer 1

在＆＃34;用户名＆＃34;添加支票ng-class中的字段：

<div class="large" ng-class="{'large active':hasFocus==true ,'large':hasFocus==false && username}">
        <label class="label">Username</label>
        <input class="field" name="username" type="text" ng-model="username" 
        ng-click="hasFocus=true" ng-blur="hasFocus=false"></div>

重要的部分是＆＃39; hasFocus == false＆amp;＆amp;用户名＆＃39 ;.您只需撰写＆＃34;＆amp;＆amp ;;就可以检查用户名是否有文字。用户名和＃34;你的逻辑陈述 - ＆gt;如果用户名有文本，这将返回true，如果不是，则返回false。

当表单字段为空时，angularjs ng-blur

1 个答案: