作者herbacin (herbacin)
看板Ajax
标题[问题] 关於angular使用外部js问题
时间Thu Apr 21 22:13:45 2016
不好意思 ~ 以下使我的程式码, 想请问一下
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的情况下 ~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.34.181.227
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1461248027.A.D07.html
1F：推 upyours: <script type="text/ng-template"> 用这把demo包起来试试 04/22 00:17
3F：推 eight0: Angular 预设会在 DOMContentLoaded 後才开始作用，所以 04/22 08:16
4F：→ eight0: chache template 是没用的 04/22 08:16
5F：推 mrbigmouth: 你等DOMContentLoaded之後再动态载入test.js即可 04/22 10:41
6F：→ mrbigmouth: 再保险一点是等menu确定render完成後再载入test.js 04/22 10:43