angular.js - Angular menggunakan ng-include, mengapa ia tidak boleh menjana kod html?

Question

Semasa saya belajar angularJS hari ini, video itu bercakap tentang penggunaan ng-include.
Secara terang-terangan, ia hanyalah untuk mengekstrak kod html biasa ke dalam fail html dan kemudian memasukkannya.

Tetapi apabila saya memperkenalkan product-title.html dalam direktori yang sama ke dalam index.html, kandungan dalam product-title.html tidak dipaparkan.

versi sudut ialah 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>

Lihat antara muka penyahpepijatan yang dihasilkan:

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

Ayat sebegitu.

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'