gpt4 book ai didi

javascript - Angular ng-include 不工作

转载 作者:太空狗 更新时间:2023-10-29 15:48:41 25 4
gpt4 key购买 nike

这是我的 html 的一部分,我试图在其中包含另一个 HTML 文件“content.html”,但它不起作用。源中的那些地址是正确的,但我仍然无法实现它。

  <!DOCTYPE html>
<html lang="en">
<head>

<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Your page title here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script type="text/javascript" src="js\jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
<div ng-include src="'content.html'"></div>
</body>
</html>

这是我的 content.html

  <div class="container">
<h1>Heading!</h1>
</div>

最佳答案

您应该将 ng-app="" 添加到您的页面 html 标记中,这样 Angular 就会在页面上启动。之后将开始遍历页面并收集所有指令并编译它们。

<html lang="en" ng-app="">

您也可以直接在 ng-include 属性中传递模板值,而不是使用 srcng-include

<div ng-include="'content.html'">

Demo Plunkr

关于javascript - Angular ng-include 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38489287/

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