javascript - 防止指令编译 Angular

Question

我目前正在研究验证指令。一切正常，但即使输入元素位于将通过“ng-if”隐藏的元素内部，链接函数也会被调用。

有没有办法检查元素是否位于隐藏的 ng-if 元素内？

我的指令:

validationModule.directive("validateText", ['ValidationService', '$filter', function (ValidationService, $filter) {
    return {
        link: function (scope, element, attrs) {
           //validation magic
        }
    };
}]);

标记

 <div class="col-sm-7" ng-if="!initDataSource.IsReadOnly">
                            <input type="text" class="form-control" ng-model="Bestellung.BestellungKopfdaten.StartZeitDate"  validate-text validationgroup="Bestellung">
                            <p class="help-block">Error Message</p>
                        </div>

Answer 1

试试这个:

    element.offsetParent === null

其中 element 是您要测试可见性的 DOM 元素