ng-include即使使用单引号

Question

我正在关注本教程：http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/4/section/1/video/1

我唯一不同的是在我的文件结构中添加一个文件夹。 即使我删除它并使用我的index.html将'product-title.html'放在root中它也不起作用。

<h3 ng-include="'includes/product-title.html'"></h3>

这看起来非常简单，我做错了吗？

product-title.html中的代码是：

{{product.name | uppercase}}
<em class="pull-right">{{product.price | currency}}</em>

我使用以下依赖项：

"dependencies": {
    "angular": "^1.4.7",
    "bootstrap": "^3.3.5"
  }

Answer 1

根据您提到的错误

  

XMLHttpRequest无法加载file：/// C：/includes/product-title.html。   交叉源请求仅支持协议方案：http，   数据，chrome，chrome-extension，https，chrome-extension-resource。

您不能单击html文件并直接运行它，必须在Apache等本地服务器上运行它

Answer 2

如果您使用的是Mac，则可以执行以下操作：

1. 打开终端并转到Angular项目文件夹
2. 键入php -S localhost:3000（或其他端口，无论如何）
3. 在浏览器上，访问此地址并完成...