問(wèn)題描述

想用Angular的路由里面監(jiān)聽(tīng)url變化來(lái)獲取不同的ejs模版，但是當(dāng)url一變化express的路由也會(huì)作出反應(yīng)，想問(wèn)下該怎么做才能在url變成/phone時(shí)不進(jìn)入express的路由。

public/javascript/app.js

angular.module(’ngApp’,[]).config([’$routeProvider’,function($routeProvider) { $routeProvider.when(’/’, {templateUrl: ’pages/index’,controller: ’PhoneListCtrl’}).when((’/phone’, {templateUrl: ’pages/phone-detail’,controller: ’PhoneDetCtrl’})).otherwise({redirectTo: ’/’})}])

routes/index.js

var express = reqsuire(’express’);var router = express.Router();router.get(’/pages/phone-detail’, function(req, res, next) { res.render('phone-detail', {title: ’艾希’});})module.exports = router;

下面圖片是結(jié)構(gòu)，模版都在view/pages下

問(wèn)題解答

兩個(gè)問(wèn)題1.angularjs和ejs怎么想都感覺(jué)重復(fù)了，用angularjs的話就可以使用html+ajax方式，用ejs就可以使用ejs+ajax，說(shuō)起來(lái)不用兩個(gè)都用。2.按說(shuō)兩個(gè)都用，angularjs的route設(shè)置，加載的頁(yè)面是將子頁(yè)面異步加載到父頁(yè)面的<ng-view>中的，而ejs是整個(gè)瀏覽器窗口的渲染，相當(dāng)于跳頁(yè)面了，確實(shí)會(huì)有沖突。

我暫時(shí)能想到的解決方法是，主頁(yè)面用ejs跳轉(zhuǎn)，子頁(yè)面采用ng-route進(jìn)行異步加載，但是缺點(diǎn)就是在ejs和angular的route設(shè)置中不能設(shè)置otherwise。