AngularJS指令中没有值的属性

前端之家收集整理的这篇文章主要介绍了AngularJS指令中没有值的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我写了一个带隔离范围的指令.
app.directive('myDirective',function() {
    return {
        restrict: 'E',scope {
            attr1: '@',attr2: '@',noValueAttr: // what to put here?
        },link: function(scope,elem,attrs) {
            // how to check here if noValueAttr is present in mark-up?
        }
    };
});

HTML可能是

<my-directive attr1='...' attr='...' ... no-value-attr>

要么

<my-directive attr1='...' attr='...' >

我想知道如何使用(并使指令检测它是否存在)一个没有赋值的可选属性.谢谢.

只需在链接函数中使用attrs.hasOwnProperty(‘noValueAttr’)来测试属性是否存在.

不要忘记标记中的属性是no-value-attr,而不是像你所示的noValueAttr.

link: function(scope,attrs) {
           if (attrs.hasOwnProperty('noValueAttr'))
              // attribute is present
           else 
              // attribute is not present

    }
原文链接:https://www.f2er.com/angularjs/141042.html

猜你在找的Angularjs相关文章