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

是因為沒有把頁面放在http伺服器上運行。

Answer 2

是不是路徑有問題？你看一下product-title.html和index.html是不是同等級。

Answer 3

瀏覽器中看看，html是404還是？ 即確認檔案路徑～

Answer 4

ng-include的值必須是變量，不能是檔名。將檔案路徑賦值給一個變量，再ng-include='變數名'