如何让禁用指令在孤立的范围内工作

发布时间：2020-12-17 07:42:01 所属栏目：安全来源：网络整理

导读：最近我必须使一个Input元素与ng禁用和一个自定义指令一起使用,它使用孤立的范围来评估表达式,就像禁用的那样做,不知何故,自定义指令工作正常,但禁用禁用不是,因为它只评估孤立范围内的表达. 自定义指令非常简单,如： angular .module('directives',[]) .dire

最近我必须使一个Input元素与ng禁用和一个自定义指令一起使用,它使用孤立的范围来评估表达式,就像禁用的那样做,不知何故,自定义指令工作正常,但禁用禁用不是,因为它只评估孤立范围内的表达.

自定义指令非常简单,如：

angular
  .module('directives',[])
  .directive('conditionalAutofocus',function () {
    return {
        restrict:'A',scope:{
            condition:'&conditionalAutofocus'
        },link:function (scope,element,attrs) {
            if (scope.condition()) {
                attrs.$set('autofocus','true');
            }
        }
    }
});

而页面看起来像：

<input name="pin"
       ng-model="pin"
       type="password"
       required
       ng-disabled="names == null"
       conditional-autofocus="names != null" />

有人已经解决了这个问题吗？

提前致谢！
雅尼

我有同样的问题,最简单的解决方案imho.是使用隔离的作用域继承ngDisabled的属性.

angular.module('directives',[])
.directive('conditionalAutofocus',scope:{
            condition:'&conditionalAutofocus',disabled:'=ngDisabled'
        },'true');
            }
            if(scope.disabled){
                //is disabled
            }
        }
    }
});

可能仅限于限制：’E’.没有测试过别人

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!