關於angular使用外部js問題

不好意思 ~ 以下使我的程式碼, 想請問一下

index.html
<body>
        <div id="layout" ng-include="'demo.html'"></div>
        <script src="jquery.js"></script>
        <script src="test.js"></script>
        <script src="angular.js"></script>
</body>

demo.html
<div id=”menu”>
        <div id=”subMenu”></div>
</div>
-
test.js
(function (window, document) {
var menu = document.getElementById(‘menu’);
console.log(menu)
}(this, this.document));

當執行index.html的時候, console.log的結果為null

感覺是DOM沒有載完抓不到

因為我在chrome的開發者工具下console.log就可以抓到menu

由於test.js是外部資源

想請問有什麼辦法可以順利的抓到ng-include裡的DOM呢

在不使用$scope的情況下 ~