angular.js - Angular路由和express路由的组合使用问题
漂亮男人
漂亮男人 2017-05-15 16:58:10
0
1
950

想用Angular的路由里面监听url变化来获取不同的ejs模版,但是当url一变化express的路由也会作出反应,想问下该怎么做才能在url变成/phone时不进入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;

下面图片是结构,模版都在view/pages

漂亮男人
漂亮男人

répondre à tous(1)
大家讲道理

Deux questions
1. Peu importe ce que vous en pensez, angulairejs et ejs semblent répétitifs. Si vous utilisez angulairejs, vous pouvez utiliser html+ajax, et si vous utilisez ejs, vous pouvez utiliser ejs+ajax. il n'est pas nécessaire d'utiliser les deux.
2. On dit que les deux sont utilisés. Dans le paramètre de route d'angularjs, la page chargée charge de manière asynchrone la page enfant dans le <ng-view> de la page parent, tandis qu'ejs restitue la fenêtre entière du navigateur, ce qui équivaut à en sautant la page, il y aura effectivement des conflits.

La solution à laquelle je peux penser pour le moment est d'utiliser ejs pour accéder à la page principale et d'utiliser ng-route pour charger les sous-pages de manière asynchrone. Cependant, l'inconvénient est qu'il est impossible de définir autrement la route. paramètres d’ejs et angulaire.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal