我是Angular.js的初学者,在使用ng-include
指令时遇到了一些问题。
我想在index.html
中显示header.html
的内容
这是我的树的例子:
myapp
. public
. . lib
. . . angular.js
. . .
. header.html
. index.html
字符串
Header.html代码:
<h1>Hello Angular</h1>
型
Index.html代码:
<html ng-app>
<head>
<meta charset="utf-8">
<script src="public/lib/angular.js"></script>
</head>
<body>
<ng-include src="'header.html'"></ng-include>
</body>
</html>
型
当我运行index.html
时,我有这样的东西:
<!-- ngInclude: undefined -->
型
2条答案
按热度按时间6rvt4ljy1#
您是通过Web服务器访问应用程序还是通过
file://
协议访问文件?在后一种情况下,由于浏览器的安全限制,它将无法工作。解决方案是安装Apache或Nginx并通过http://localhost/myapp/index.html
之类的东西访问应用程序。von4xj4u2#
我不确定是否有一个
ng-include
标签来包含其他模板。我们通常这样做字符串