Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 当模态被聚焦时显示信息性消息 选择一个用户名。_Angularjs - Fatal编程技术网

Angularjs 当模态被聚焦时显示信息性消息 选择一个用户名。

Angularjs 当模态被聚焦时显示信息性消息 选择一个用户名。,angularjs,Angularjs,我只想显示“选择用户名”,如果表单是原始的,并且输入的“用户名”是集中的。我怎样才能做到这一点 ng焦点似乎只适用于输入,而不是我所要求的“当输入用户名处于活动状态时,如果表单用户名也处于原始状态,则显示这一点”…类似的方法是否可行? 不一样 signup.username.$pristine 因此,如果您在输入用户名中输入文本,然后将其删除,第一个将是false,第二个将是trueAngular 1.2具有ngBlur和ngFocus指令,在旧版本中,您可以创建一个指令,该指令更改焦点上给

我只想显示“选择用户名”,如果表单是原始的,并且输入的“用户名”是集中的。我怎样才能做到这一点


ng焦点似乎只适用于输入,而不是我所要求的“当输入用户名处于活动状态时,如果表单用户名也处于原始状态,则显示这一点”…

类似的方法是否可行?

不一样

signup.username.$pristine

因此,如果您在输入用户名中输入文本,然后将其删除,第一个将是
false
,第二个将是
true

Angular 1.2具有ngBlur和ngFocus指令,在旧版本中,您可以创建一个指令,该指令更改焦点上给定变量的值
user.username == ''
下面是一个工作示例:

signup.username.$pristine
user.username == ''
is-focus="usernameIsFocus"
<input type="text" ng-model="user.username" name="username" required is-focus="usernameIsFocus">
<div class="sidetip">
  <div ng-show="usernameIsFocus">
      <span>Choose a Username.</span>
  </div>
</div>
app.directive('isFocus', function(){
  return {
    scope: {
      isFocus: '='
    },
    link: function(scope, element, attrs){

      element.on('focus', function() {
        scope.$apply(function () {
          scope.isFocus = true;
        });
      });

      element.on('blur', function() {
        scope.$apply(function () {
          scope.isFocus = false;
        });
      });

    }
  };
});