Un service construit en express, sans utiliser de moteur de visualisation, et en définissant le répertoire du projet sur statique :
app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/view'));
app.use(express.static(__dirname + '/node_modules'));
Le fichier d'entrée de nœud index.js se trouve dans le répertoire racine et la structure du répertoire est :
/
/index.js
/public
/view
/view/index.html(首页)
/view/sidebar.html(侧边菜单)
/public/js/app.js(首页的js文件)
Ce qui suit est introduit dans index.html :
<script src="angular/angular.min.js"></script>
<script src="angular-route/angular-route.min.js"></script>
<script src="js/app.js"></script>
La directive index.html est la suivante :
<my-sidebar></my-sidebar>
app.js est le suivant :
var app = angular.module("myBlog", ["ngRoute"]);
app.directive("mySidebar", function () {
return {
restrict: "E",
replace: true,
templateURL: "sidebar.html",
}
})
Après les tests, il a été constaté que templateURL ne fonctionnait pas. Comment dois-je écrire ce chemin, ou comment vérifier dans quoi le templateURL ici est analysé ?
Il a été résolu. Il y a un problème avec mon chrome. Le code d'origine est écrit correctement.
Fournit un moyen d'utiliser le moteur d'affichage ejs :
../../view/sidebar.html
Écrivez l'URL du modèle comme chemin absolu
templateURL: '/view/sidebar.html'
Ou ajoutez le chemin racine du modèle HTML du composant dans la balise <base>