正确使用 ng-include 函数答案

【问题标题】：Utilizing ng-include function properly正确使用 ng-include 函数
【发布时间】：2016-10-01 20:46:07
【问题描述】：

我今天刚刚开始学习 Angular.js（1 而不是 2），我正在编写几个测试代码来尝试参考 w3schools 和其他类似网站的每个函数。我知道这不是一些故障排除论坛，但我的代码似乎返回了一个不应该存在的错误...

错误：

angular.min.js:103 XMLHttpRequest 无法加载部分/html/navbar.html。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

从我尝试为自己制作的这段代码中......

<body style="padding-top: 70px">

    <div ng-app="">
        <div ng-include="'partial/html/navbar.html'"></div>
        <div ng-view></div>
    </div>

    <!-- Initialization -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
</body>

我做错了什么？即使我复制/粘贴代码，它们似乎最终每次都会给我相同的结果

【问题讨论】：

您是否使用网络服务器查看您的网站？
我必须这样做吗？我的意思是它的javascript..

标签： javascript html angularjs

【解决方案1】：

我不确定错误消息，但可能您使用的路径不正确。

您的应用程序文件夹结构是什么？如果你有这个：

app --> views --> partial --> html --> navbar.html

那么路径是：

<div ng-include="'views/partial/html/navbar.html'"></div>

【讨论】：

这取决于调用者 html 页面所在的位置。如果index.html 在app/html/ 中，那么你必须写../views/partial/html/navbar.html
没错，在我的情况下，我的文件夹 app 中有 index.html。
感谢您的回复...我确定该目录，因为 index.html 与 partials 文件夹位于同一文件夹中.. 使其成为 partials/html/navbar.html
您如何在浏览器中运行您的应用程序？检查此link。它可以帮助你
问题解决了吗？ @DeathKing