angular.js - Angular uses ng-include, why can't it generate html code?

Question

When I was learning angularJS today, the video talked about the usage of ng-include.
To put it bluntly, it is just to extract the common html code into an html file and then include it.

But when I introduce product-title.html in the same directory in index.html, the content in product-title.html is not displayed.

angular version is 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>

Look at what the debugging interface generates:

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

Such a sentence.

Answer 1

It’s because the page is not run on the http server.

Answer 2

Is there a problem with the path? Check to see if they are of the same level. product-title.html和index.html

Answer 3

Look in the browser, is the html 404? Confirm the file path~

Answer 4

The value of ng-include must be a variable, not a file name. Assign the file path to a variable, then ng-include='variable name'