angularjs - 使用 ng-include 包含 html 文件时发生错误

标签 angularjs angularjs-ng-include

使用 ng-include 包含 html 文件时出现以下错误。

XMLHttpRequest cannot load file:///home/algo/Dnyaneshwar/Angular/TestProject/views/header1.html. 
Cross origin requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, https, chrome-extension-resource.

最佳答案

问题原因
发生此错误是因为您只是尝试直接从浏览器打开 html 文档。由于您使用的是 file://或 C:/,这就是为什么错误表明它们不是 http://或 https://。
不要尝试直接通过文件夹运行它。

如何解决
您需要通过网络服务器访问您的代码并在本地主机上访问它。如果您安装了 eclipse 或 apache,请使用它来访问您的文件。有些IDE(如intellij、eclipse)内置了Web服务器。

如果你有节点设置,那么只需运行npm install http-server -g,你就可以在终端中使用它,比如http-server C:\path\to\app

另请参阅

关于angularjs - 使用 ng-include 包含 html 文件时发生错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32951023/

相关文章:

javascript - Angularjs 过滤器允许空值使用自定义比较器不起作用?

html - 使用 angularJS 从用户输入的 CSS 和 HTML 创建预览

angularjs - 更改 $includeContentRequested 上的源网址

javascript - 检测 <ng-include src ="..."> 何时加载

javascript - Angularjs - 登录,停留在页面上,在身份验证后加载 div

javascript - 如何使文本在移动时跟随这个方 block ?

javascript - 如何将对象序列化为 ng-include 的参数?

angularjs - 使用 ng-include 是否有任何限制

javascript - ng-包括 : How can I maintain data in $scope after changing views?

javascript - 创建允许用户添加或删除项目的服务