正确使用ng-include功能

时间:2016-06-02 08:20:27

标签: javascript html angularjs

我今天刚开始学习Angular.js(1而不是2),我正在制作几个测试代码,尝试使用w3schools和其他类似网站的参考来实现每个功能。我知道这不是一些麻烦的射击论坛,但我的代码似乎给我一个错误,不应该在那里......

错误:

  

angular.min.js:103 XMLHttpRequest无法加载partial / html / navbar.html。交叉源请求仅支持协议方案:http,数据,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>

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

1 个答案:

答案 0 :(得分:0)

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

你的app文件夹结构是什么?如果你有这个:

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

然后路径是:

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