gpt4 book ai didi

AngularJS - 模板 : ngInclude directive

转载 作者:行者123 更新时间:2023-12-04 22:06:30 27 4
gpt4 key购买 nike

我的模板包含 JS,因为它们被称为 JS 未执行,请您有想法。

例如,在我的 JS 文件 script.js 中,我有一些方法适用于我的模板中的 HTML 元素,但它不起作用,请给个主意。

例子 :

索引.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body ng-app>
<ng-include src="'header.html'"></ng-include>
<script src="angular.js"></script>
<script src="jquery.js"></script>
<script src="script.js"></script>
</body>
</html>

标题.html
<div id="header">
<div id="logo">AngularJs</div>
<div id="nav"></div>
</div>

脚本.js
$(document).ready(function(){
$('#nav').html('<ul><li><a href="">Link<a></li></ul>');
});

脚本执行的很好,感觉没有找到元素div#nav。

最佳答案

对不起,我读错了你的问题的一部分,我的错误。

jQuery 的 DOM 就绪语句可能无法正常工作。您可以做的是在您的 ngInclude 标签上添加一个 onload="FUNCTION_NAME",其中包含您在 script.js 中指示的 DOM 版本

有关更多信息,请查看此处的文档:http://code.angularjs.org/1.0.1/docs-1.0.1/api/ng.directive:ngInclude

--- 旧帖 ---

@YoussefElMontaser,您不必在 ngInclude 上加上引号:

<ng-include src="header.html"></ng-include>

可能这就是你的脚本没有继续前进的问题。
让我知道这是否有效。

关于AngularJS - 模板 : ngInclude directive,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12262067/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com