加载dom内容之前的AngularJs等待[重复]

Question

我想隐藏和创建由 AngularJS 加载的元素。

当我想执行我的 JS 函数时，DOM 没有完全加载。

问题：我的查询选择器无法检测到元素。而且我不想使用timeout，因为它取决于用户的网络。

我的代码：

app.controller('RootController', function($scope, $http, $filter) {
  $scope.init = function() {
    // NULL here, but after dom loaded in the chrome console I get an array of elements
    console.log(document.querySelectorAll('table .actionslist'));
  }
});

Answer 1

可以使用以下代码；

这将在 viewContentLoaded 上添加一个监听器，并在 DOM 完全加载时执行其中的代码。

$scope.$on('$viewContentLoaded', function () {  
    console.log(document.querySelectorAll('table .actionslist'));
});