AngularJS - DOM 完成渲染后执行指令

Question

我已经在 StackOverflow 上阅读了几个小时的大量问题，但仍未找到解决方案。

在 DOM 完成渲染后，我必须将 class="active" 添加到同级元素。我写了一个指令来做到这一点，并以 0 延迟放入 $timeout()，但它不起作用。

代码如下：

angular.module('test', [])
.directive('updateTextField', function(){
    return{
        link: function(scope, element, attr){
            $timeout(function(){
                var label = element.siblings('label');
                label.addClass('active');
                console.log(label); //for debugging purposes
            }, 0);
        }
    }
})

console.log('label') 的结果是一个具有 active 类的元素，但如果我直接检查它，它还没有激活类。

任何帮助将不胜感激

Answer 1

如果你想在 DOM 渲染之后只添加类，那么你可以这样做

HTML：

<div id="myDiv"></div>

控制器：

angular.element(document).ready(function () {
    var id = document.getElementById('myDiv');
    id.className += "active";
});

希望这会有所帮助！！！