[英]How the right way to use ng-include
我是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 -->
我不确定是否有包含其他模板的ng-include
标签。 我们通常这样做
<div ng-include src="'header.html'"></div>
您是通过Web服务器访问应用程序还是通过file://
protocol访问该文件? 在后一种情况下,由于浏览器的安全限制,它将无法工作。 解决方案是安装Apache或Nginx并通过http://localhost/myapp/index.html
等方式访问应用程序。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.