该项目基于Express,没有使用视图引擎。 我设置了一些静态目录:
app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/view'));
app.use(express.static(__dirname + '/node_modules'));
index.js在webroot中,directoris就像:
/
/index.js
/public
/view
/view/index.html(index)
/view/sidebar.html
/public/js/app.js(js for index.html)
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
不能正常运作,如何编写,或者如何在我的凉亭中查看网址。
TX!
答案 0 :(得分:0)
感谢您观看我的问题。我终于发现我的chrome没有用,我提供的代码是正确的。 在这里,我提供了另一种需要视图引擎的方法:
npm install --save ejs
app.engine('html', require('ejs').__express);
app.set('view engine', 'html');
app.get('/sidebar.html', function (req, res) {
res.render('sidebar.html');
})
templateURL
发送&#39; GET&#39; http请求,以便我可以写app.get('/sidebar.html')
来接收请求和呈现html。