搜尋

首頁  >  問答  >  主體

angular.js - angular使用ng-include,為什麼產生不了html程式碼

今天在學習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 -->

這麼一句話。

怪我咯怪我咯2774 天前550

全部回覆(4)我來回復

  • 给我你的怀抱

    给我你的怀抱2017-05-15 16:59:57

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

    回覆
    0
  • 怪我咯

    怪我咯2017-05-15 16:59:57

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

    回覆
    0
  • 黄舟

    黄舟2017-05-15 16:59:57

    瀏覽器中看看,html是404還是? 即確認檔案路徑~

    回覆
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-15 16:59:57

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

    回覆
    0
  • 取消回覆