在 angularjs 1.5 中完成组件渲染后如何应用 javascript 代码？

Question

我有组件，是在 angularjs 1.5 中创建的。一旦我的整个组件 DOM 准备就绪，我想在 javascript 中添加一些逻辑。

我尝试了组件$postLink 的生命周期功能。但它不起作用。

function ModelTableController($scope, $rootScop) {
        var $ctrl = this;

        $ctrl.data = null;
        $ctrl.MetricLibraryCode = 'QUENTANT';
        $ctrl.rowSelected = null;


        $ctrl.$postLink = function () {
            console.log('postlink');
            var tr = document.querySelectorAll('tr');
            for (var i = 1; i < tr.length; i++) {
                tr[i].style.backgroundColor = i % 2 ? '#2C3135' : '#262a2e';
            }
        };        
    }
})();

请建议我怎样才能做到这一点？

谢谢

Answer 1

尝试 $timeout，这会将其回调添加到调度程序，并将在文档准备好后执行。

$timeout(function(){
  // do things here.
})

在 angularjs 1.5 中完成组件渲染后如何应用 javascript 代码？

How to apply javascript code once component rendering done in angularjs 1.5?

angularjs

angularjs-components