我是新来的AngularJS。我正在尝试使用ng-include
在我的主 HTML 页面中包含外部 HTML 页面。但问题是我无法包含它并得到 404。以下是文件夹结构和代码,
项目文件夹结构:
按钮 Click.jade(这是起始页。)
doctype html
html(ng-app)
head
link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
link(rel='stylesheet', href='/stylesheets/style.css')
script(src='/javascripts/angular.min.js')
body(class="mainPage")
//include footer.html
include pageinclude.html
页面包含.html
<div>
<div>Include Page Demo</div>
<div ng-include="'footer.html'"></div>
</div>
Note:
1)当我包括footer.html
直接在 .jade 文件中添加页面即可正常工作。但是当我在 HTML 文件中使用 ng-include 执行相同操作时,它不起作用。
2)我还尝试了以下 ng-include 方式,
<div ng-include="'footer.html'"></div>
<ng-include src="'footer.html'"></ng-include>
ng-include
是客户端包含,因此包含的 html 文件的路径与客户端对 url 的感知相关。
由于jade正在抽象您的文件夹结构并且不提供对您的文件夹的直接访问views
文件夹,您可能应该将包含的 html 文件放在public
文件夹就像外部可访问的文件一样。
当您在 .jade 文件中包含页脚时(根据注释 2),您正在执行使用服务器目录结构的服务器端包含。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)