AngularJS - DOM完成渲染后的Execute指令

时间:2017-05-30 08:17:33

标签: javascript html angularjs

我在StackOverflow上已经阅读了好几个小时的问题,但仍未达成解决方案。

在DOM完成渲染后,我必须将DataTableC添加到兄弟元素。我写了一个指令来做到这一点并把它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')的元素,但是如果我直接检查它,它就没有活动类。

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

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

HTML:

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

控制器:

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

希望这会有所帮助!!!