javascript - Angular ng-view 无法与 Express 一起使用

Question

我正在尝试使用ng-view打开目录partials/home的页面主页，而ng-view不使用express。访问 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');
});

};

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: '/' });
});

Answer 1

我建议将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');
});

};

(还可以使用部分前缀更改 Angular 文件内的 templateUrl。)；

这样 Angular 将始终被加载，并且 Angular 路由器将处理从静态局部文件夹获取的所有 View