angulaire.js - Angular utilise ng-include, pourquoi ne peut-il pas générer de code HTML ?

Question

Quand j'apprenais AngularJS aujourd'hui, la vidéo parlait de l'utilisation de ng-include.
Pour parler franchement, il s'agit simplement d'extraire le code HTML commun dans un fichier HTML, puis de l'inclure.

Mais lorsque j'introduis product-title.html dans le même répertoire dans index.html, le contenu de product-title.html n'est pas affiché.

la version angulaire est 1.4.8

index.html :

<h3 ng-include="'product-title.html'"></h3>

titre-produit.html :

{{product.name}}
<em class="pull-right">{{product.price | currency}}</em>

Regardez ce que génère l'interface de débogage :

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

Une telle phrase.

Answer 1

C'est parce que la page n'est pas exécutée sur le serveur http.

Answer 2

Y a-t-il un problème avec le chemin ? Vérifiez si product-title.html et index.html sont du même niveau.

Answer 3

Regardez dans le navigateur, le HTML est-il 404 ? Confirmez le chemin du fichier~

Answer 4

La valeur de ng-include doit être une variable, pas un nom de fichier. Attribuez le chemin du fichier à une variable, puis ng-include='variable name'