Question

我是Angular.js的初学者，我对指令ng-include遇到了一些问题。

我想在header.html

中显示index.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 -->

Answer 1

我不确定ng-include标记是否包含其他模板。我们通常这样做

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

Answer 2

您是通过网络服务器访问应用程序还是通过file://协议访问该文件？在后一种情况下，由于浏览器的安全限制，它将无法工作。解决方案是安装Apache或Nginx并通过http://localhost/myapp/index.html等方式访问应用程序。

如何正确使用ng-include

2 个答案: