angular.js - angular使用ng-include，为什么生成不了html代码

Question

今天在学习angularJS的时候，视频讲到ng-include的用法。
说白了也就是把通用的html代码提取到一个html文件里面再include进去而已。

但是我在index.html引入同一目录下的product-title.html时，却不显示product-title.html里面的内容。

angular版本是1.4.8

index.html:

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

product-title.html:

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

看调试界面生成的是：

<!-- ngInclude: a.html -->

这么一句话。

Answer 1

Ini kerana halaman tidak dijalankan pada pelayan http.

Answer 2

Ada masalah dengan laluan? Semak sama ada product-title.html dan index.html berada pada tahap yang sama.

Answer 3

Lihat dalam penyemak imbas, adakah html itu 404? Sahkan laluan fail~

Answer 4

Nilai ng-include mestilah pembolehubah, bukan nama fail. Tetapkan laluan fail kepada pembolehubah, kemudian ng-include='nama pembolehubah'