angularjs 如何正确使用ng-include

v09wglhw  于 2023-11-16  发布在  Angular
关注(0)|答案(2)|浏览(114)

我是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 -->

6rvt4ljy

6rvt4ljy1#

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

von4xj4u

von4xj4u2#

我不确定是否有一个ng-include标签来包含其他模板。我们通常这样做

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

字符串

相关问题