Ang-ng视图不能和express一起工作

我正在尝试使用ng-viewng-view不能使用express来打开目录partials / home的页面。 当访问http:// localhost:3000 / home时,打开一个新页面。 为angular定义的所有路由都不起作用。 我想知道如何使用ng-view和express在index.html中渲染我的页面partials / home.html

app.js

 //módulos var express = require('express'); var load = require('express-load'); var bodyParser = require('body-parser'); var app = express(); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var server = require('http').Server(app); var io = require('socket.io')(server); // view engine setup app.set('views', path.join(__dirname, 'views')); app.engine('html', require('ejs').renderFile); app.set('view engine', 'html'); //uncomment after placing your favicon in /public app.use(favicon(__dirname + '/public/favicon.ico')); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); load('routes').then('controllers').into(app); server.listen(3000); console.log('Site no ar ...'); module.exports = app; 

路线Express – index.js

 module.exports = function (app) { app.get('/', function(req, res){ res.render('index'); }); app.get('/:name', function(req, res){ var name = req.params.name; res.render('partials/' + name); }); app.get('*', function(req, res){ res.render('index'); }); }; 

Routes Angular – 位置:public / app / app.js

 var app = angular.module('appSiteFio',['ngRoute']); app.config(function($routeProvider, $locationProvider){ // remove o # da url $locationProvider.html5Mode(true); $routeProvider .when('/', { templateUrl : 'index.html', controller : 'mainController', }) .when('/home', { templateUrl : 'partials/home.html', controller : 'homeController', }) .otherwise ({ redirectTo: '/' }); }); 

我build议将index.js文件改为如下所示:

 module.exports = function (app) { app.use(express.static('/partials')); //here you can write your partials directory. app.get('*', function(req, res){ res.render('index'); }); }; 

(也可以使用partials前缀在angular度文件中更改您的templateUrl。

这种方式angular将会加载和angular路由器将处理从静态部分文件夹中获取的所有视图