Angular JS和Express JS路由不能正常工作

时间:2017-02-12 15:41:48

标签: javascript angularjs node.js express

我在使用我的NodeJS应用程序与Express JS和Angular JS一起工作时遇到了问题,特别是我很难让路由在两者之间工作。

我的目标是让ExpressJS驱动API并让Angular控制面向用户的路径。

目前我只有两个我希望提供的模板,索引页面和创建投票页面。

这是我到目前为止所拥有的,

角度路由 -

'use strict';

var app = angular.module('showOfHands', ['ngRoute']);
app.config(function ($routeProvider, $locationProvider) {

    $routeProvider.when('/', {
        templateUrl: 'partials/index'
    }).when('/create-poll', {
        templateUrl: 'partials/create-poll'
    });

    $locationProvider.html5Mode(true);
});

快速路由 -

'use strict';

app.get( '/partials/:name', function( req, res ) {
        res.render( 'partials/' + req.params.name );
    } );

    app.get( '*', function( req, res ) { 
        res.render( 'partials/index' );
    } );

当我尝试点击我的链接创建一个民意调查时,我导航到/ create-poll,但正在使用的模板仍然是索引页面。如果我在浏览器中手动导航到partials / create-poll,我正确地为create-poll模板提供了服务,但是然后由Express JS处理,而不是Angular。

0 个答案:

没有答案