jquery - 仅在数据在 DOM 中渲染后才在指令中调用 jquery 插件

Question

我想在一个角度指令中初始化一个 jquery 插件，但只有在返回服务数据和 DOM 中的第一个渲染器之后。我似乎可以弄清楚如何在角度指令中做到这一点。到目前为止我有这段代码，但似乎我在服务数据到达之后调用插件，但在它是 DOM 上的渲染器之前......有什么提示吗？

myApp.directive('myDirective', function () {
return {
    restrict: 'A',
    link: function ($scope, element, attrs) {
        $scope.$watch("data.length", function( newValue, oldValue ) {
            if ( newValue === oldValue ) {
                console.log( "Should return..." );
                return; 
            }
            $(element).elastislide();
        });
    }
};

});

=== 编辑 ==== 如果我使用 setTimeout 函数推迟执行，它可以工作，这是正确的方法吗？

    myApp.directive('myDirective', function () {
return {
    restrict: 'A',
    link: function ($scope, element, attrs) {
        $scope.$watch("data.length", function( newValue, oldValue ) {
            if ( newValue === oldValue ) {
                console.log( "Should return..." );
                return; 
            }
            postpone = $timeout(function() {
                  $('#carousel').elastislide();                 
            }, 100);

        });
    }
};

});

Answer 1

如果您需要先渲染DOM ，请使用$timeout。

如果您只需要更新 DOM（但尚未渲染），请使用$evalAsync。先试试这个，因为它可以防止闪烁。