从角度服务中访问ng-include partial中的DOM元素

Question

splash.html的标记：

<div id="test"></div>

我在控制器中定义了我的视图：

$scope.splashView = "partials/splash.html";

我的模块如下：

angular.module('splash', [])
    .service("splashLoader", ['$document', function ($document) {

        var document = $document[0];
        var adv = document.getElementById('test');
        console.log(adv); // is null

}]);

部分渲染很好，但是当我尝试从服务访问元素时，我得到一个空值。如何使用javascript或使用角度方法访问测试元素？我猜它与范围有关，但我有点迷失。

由于

Answer 1

我的错误是尝试访问元素而没有在DOM中准备好。我肯定会应用@charlietfl提供的技巧，特别是使用指令进行额外的DOM操作。

下面的答案描述了一些确保ng-include已加载的技术。

Finished Loading of ng-include in angular js