angularjs - 如何使用 Angularjs 将一个 html 文件包含在另一个 html 文件中

Question

我有一个 index.html 文件和另一个 topBar.html 文件，我想将该文件包含在我的 index.html 中。

我的目录结构如下:

mainfolder/
    scripts/
    views/
        topBar.html
    index.html

这是我试过的代码

 <div ng-controller="mainCtrl">
   <div ng-include="'views/topBar.html'"></div>
 </div>

但是什么都没有显示，它在控制台中给我错误

angular.js:12701 Failed to load file:'path' Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Answer 1

如果您在您的代码编辑器中编写代码并在您的浏览器中测试您的页面而不使用任何服务器，那么就会出现此错误。您可以在浏览器中测试纯 html css，它可以正常工作，但是当您创建不仅仅是 html 的东西时，css 就会出错。为此必须使用服务器。许多 Web 浏览器被编程为监视跨站点攻击，并将阻止请求。您不希望任何人能够从您的网络浏览器读取您的硬盘。

解决方案:

安装本地服务器，然后在服务器上运行您的应用程序。