express + angular,如何使用templateURL

时间:2017-02-25 15:52:08

标签: javascript angularjs node.js express

该项目基于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!

1 个答案:

答案 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。