AngularJS中ng-if的回调函数

Question

如何在angular1？

中完全渲染ng-if块后执行一些代码

<div ng-if="isEnableDateEntry == true">
     <input type="text" class="datapicker"/>
</div>

我想在完全呈现 ng-if 块之后执行以下代码

$('.datepicker').datepicker();

Answer 1

只需使用AngularJS指令，而不是每次在控制器中手动初始化datepicker，因为指令会在eevery Error:(48, 34) error: : expected调用时重新编译。对于您的问题，这里是解决方案

$digest()

Answer 2

执行回调的指令

app.directive("callback", function() {
    return postLink;
    function postLink(scope,elem,attrs) {
        scope.$eval(attrs.callback, {$element: elem});
    }
})

用法

<div callback="$ctrl.someFn($element)">
</div>

当渲染上面的元素时，链接函数将执行指定的角度表达式，其元素公开为$element。