Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 输入自动对焦属性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的代码中有我的地方:
<input data-ng-disabled="SOME_SCOPE_VARIABLE" />

我也希望能够像这样使用它:

<input data-ng-autofocus="SOME_SCOPE_VARIABLE" />

或者甚至更好,模仿ng风格:

<input data-ng-attribute="{autofocus: SOME_SCOPE_VARIABLE}" />

这是否存在于当前版本的AngularJS?我在代码中注意到有一个BOOLEAN_ATTR,它获得了AngularJS支持的所有attr。我不想修改,因为担心更改版本,忘记更新。

更新:AngularJS现在有一个 @L_301_0@指令,用于评估焦点上的表达式,但是为了完整起见,我在这里提到。

当前版本的AngularJS没有焦点指令,但它在路线图中。巧合的是,我们昨天在邮件列表上是talking about this,我想出了这个:

angular.module('ng').directive('ngFocus',function($timeout) {
    return {
        link: function ( scope,element,attrs ) {
            scope.$watch( attrs.ngFocus,function ( val ) {
                if ( angular.isDefined( val ) && val ) {
                    $timeout( function () { element[0].focus(); } );
                }
            },true);

            element.bind('blur',function () {
                if ( angular.isDefined( attrs.ngFocusLost ) ) {
                    scope.$apply( attrs.ngFocusLost );

                }
            });
        }
    };
});

根据您的要求,它适用于范围变量:

<input type="text" ng-focus="isFocused" ng-focus-lost="loseFocus()">

这是一个小提琴:http://jsfiddle.net/ANfJZ/39/

大佬总结

以上是大佬教程为你收集整理的angularjs – 输入自动对焦属性全部内容,希望文章能够帮你解决angularjs – 输入自动对焦属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: