如何使用 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 加载失败 文件：'路径'交叉原点 请求仅支持协议方案：http、data、chrome、 chrome 扩展，https。

Answer 1

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

解决方案：

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