検索

ホームページ  >  に質問  >  本文

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 -->

这么一句话。

怪我咯怪我咯2744日前534

全員に返信(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
  • キャンセル返事