node.js - Angular '/' 路线不适用于 Express

Question

我正在尝试使用 Express/Angular 提供主视图，这样当访问根 url ('/') 时，就会加载 View 。现在导航至http://localhost:3000显示一个空白页面 <!-- ngView: -->没有别的。导航至http://localhost:3000/about按预期显示关于页面。访问根目录时如何显示主页部分？

app.js(带 Express 4.9.0)

var express = require('express');
var app = express();
var server = require('http').Server(app);
var io = require('socket.io')(server);
var routes = require('./routes');
var path = path = require('path');

app.set('port', process.env.PORT || 3000);
app.use(express.static(path.join(__dirname, 'public'))); 

server.listen(app.get('port'), function() {
    console.log('Listening on port ' + app.get('port'));
});

app.set('views', __dirname + '/views');
app.set('view engine', 'jade');

app.get('/', routes.index);
app.get('/partials/:name', routes.partials);
app.get('*', routes.index);

routes/routes.js

exports.index = function(req, res){
    res.render('index');
};

exports.partials = function (req, res) {
    var name = req.params.name;
    res.render('partials/' + name);
};

views/index.jade

doctype
html(ng-app="myApp")
    head
        meta(charset='utf8')
        base(href='/')
        title Angular Express Seed App
        link(rel='stylesheet', href='/css/app.css')
    body
        div(ng-controller='AppCtrl')
            div(ng-view)


        script(src='bower_components/angular-loader/angular-loader.js')
        script(src='bower_components/angular/angular.js')
        script(src='bower_components/angular-route/angular-route.js')
        script(src='bower_components/socket.io-client/socket.io.js')
        script(src='js/app.js')
        script(src='js/main.js')
        script(src='js/services.js')
        script(src='js/controllers.js')
        script(src='js/filters.js')
        script(src='js/directives.js')

public/js/app.js

angular.module('myApp', [
    'myApp.controllers',
    'myApp.filters',
    'myApp.services',
    'myApp.directives',
    'ngRoute'
]).
config(function ($routeProvider, $locationProvider) {
    $routeProvider.
    when('/', {
        templateURL: 'partials/home',
        controller: 'MyCtrl2'
    }).
    when('/about', {
        templateUrl: 'partials/about',
        controller: 'MyCtrl1'
    }).
    otherwise({
        redirectTo: '/'
    });

    $locationProvider.html5Mode(true);
});

我还有一个views/partials/home.jade和一个 views/partials/about.jade

Answer 1

我认为您可能拼错了

中的 templateUrl

when('/', {
    templateURL: 'partials/home',
    controller: 'MyCtrl2'
}).