使用express建構的服務,沒有使用視圖引擎,將專案目錄設定為靜態:
app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/view'));
app.use(express.static(__dirname + '/node_modules'));
node入口檔index.js在根目錄下,目錄結構為:
/
/index.js
/public
/view
/view/index.html(首页)
/view/sidebar.html(侧边菜单)
/public/js/app.js(首页的js文件)
index.html中引入如下:
<script src="angular/angular.min.js"></script>
<script src="angular-route/angular-route.min.js"></script>
<script src="js/app.js"></script>
index.html指令如下:
<my-sidebar></my-sidebar>
app.js如下:
var app = angular.module("myBlog", ["ngRoute"]);
app.directive("mySidebar", function () {
return {
restrict: "E",
replace: true,
templateURL: "sidebar.html",
}
})
經過測試發現templateURL沒有起作用,請問應該如何寫這個路徑,或者如何查看這裡的templateURL到底被解析成了什麼樣子?
已經解決,我的chrome出了點問題,原程式碼就是正確寫法。
提供一種使用ejs視圖引擎的方法:
../../view/sidebar.html
把templateURL寫成絕對路徑
templateURL: '/view/sidebar.html'
或是在 標籤裡加上組件html模板的根路徑