Le modèle html angulaire à l'intérieur d'une directive ne sera pas rendu

Question

Je sais que des questions similaires ont été répondues à cette question, mais aucune de ces solutions n'a fonctionné pour moi. J'ai la structure de dossier suivant:

static 
----calendar 
--------calendar.controller.js 
--------calendar.view.html 
----home 
--------home.controller.js 
--------home.view.html 
----app.js 
----index.html 

calendar.controller.js intérieur J'ai créé une directive pour mon calendrier qui ressemble à ceci:

.directive('myCalendar',function(){ 
     return{ 
      restrict:'E', 
      template:"calendar.view.html" 
     } 
    }) 

Je suis en train de rendre ce modèle de calendrier à domicile .view.html sans succès.

J'ai dans mon home.view.html:

<my-calendar></my-calendar> 

Sur le navigateur, il affiche en fait le chemin que je suis en train de lui faire lier (sur le navigateur, vous pouvez voir » ./calendar/calendar .view.html "). Et j'ai essayé de changer le chemin de la directive de plusieurs manières:

- template:"./calendar.view.html" 
- template:"/calendar.view.html" 
- template:"./calendar/calendar.view.html" 
- template:"/calendar/calendar.view.html" 

... mais cela ne fonctionnera toujours pas. Je vous remercie.

Answer 1

template:"calendar.view.html" 

qui est une erreur dont vous avez besoin templateURL: "calendar.view.html" à la place