如何将angularjs设置为expressjs的视图引擎

时间:2016-05-21 23:45:12

标签: javascript angularjs node.js express

我创建了一个快速项目。 Express已将jade设置为app.js中的默认视图引擎,如下所示:

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

我想改为使用angularjs作为我的视图引擎。我是否在app.js中设置了这个,如果是,那么语法是什么。还有什么我需要做的吗?

1 个答案:

答案 0 :(得分:0)

  

对于每个路线,您在angularjs中使用不同的路径视图渲染相同的页面。在这里,我将ejs设置为默认渲染引擎。

//server side
router.get('/', function(req, res, next) {
    res.render('index');
});

router.get('/dashboard', function (req, res, next) {
    res.render('index');
});

//client side
app.config(['$stateProvider','$urlRouterProvider','$locationProvider',
function ($stateProvider,$urlRouterProvider,$locationProvider) {
    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/');
    $stateProvider
        .state('auth',{
            url:'/',
            templateUrl: 'app/layouts/a.html',
            controller: 'MainController'
        })
        .state('app',{
            url:'/dashboard',
            templateUrl:'app/layouts/b.html',
            controller: 'MainController'
        });
}]);