問題描述

想用Angular的路由里面監(jiān)聽url變化來獲取不同的ejs模版，但是當(dāng)url一變化express的路由也會(huì)作出反應(yīng)，想問下該怎么做才能在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下

問題解答

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

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