如何结合快递和angular度路线
我试图将Jade AngularJS和ExpressJS结合在一起。 我有一个app.js快递与Grunt运行服务器。 从那个app.js我把home.jade引导我到主页。 在主页里面，我有了angularJS。 我在AngularJS目录下创build了另一个app.js。 我如何将路线组合在一起？
App.js（Express）
var config = require('./config/config'); var express = require('express'); var bodyParser = require('body-parser'); var cors = require('cors'); var http = require('http'); var app = express(); app.use(cors()); app.use(bodyParser.urlencoded({extended:true})); app.use(bodyParser.json()); var oneDay = 86400000; app.use(express.static(config.root + '/public', { maxAge: oneDay })); app.set('views', config.root + '/app/views'); app.set('view engine', 'jade'); app.get('/', function(req, res){ res.render('home'); }); app.listen(config.port); App.js（AngularJS）
var myApp = angular.module("app", []); myApp.config(function ($routeProvider, $locationProvider) { $locationProvider.html5Mode(true).hashPrefix('!'); $routeProvider .when('/haha', { title: '', templateUrl: '{DIR_TO_JADE_FILE}', controller: 'HomeController' }) }); myApp.controller("AppController", function AppController($scope, $http, $location, $window, $rootScope) { alert("Initialize..."); $scope.message = "HELLO"; });
HTML
doctype html html(lang='en') head meta(charset='UTF-8') meta(name='viewport', content='width=device-width, minimum-scale=1.0, maximum-scale=1.0') link(rel='stylesheet', href='css/vendor/simple-line-icons.css') link(rel='stylesheet', href='css/vendor/tooltipster.css') link(rel='stylesheet', href='css/vendor/owl.carousel.css') link(rel='stylesheet', href='css/style.css') //- favicon link(rel='icon', href='favicon.ico') title Random | Home body(ng-controller="AppController") block content include content include angularJS
用于在前端和后端进行路由的Thumb规则：
后端路由：定义用于获取/更新数据的路由。
前端路由：根据应向用户显示的页面定义的路由 。
所以可以说我们有两个页面，主页和个人资料页面
所以，前端路线将有两个页面
“/ home”加载主页“/ profile”加载configuration文件
现在在每个页面上，您需要在html页面中显示一些数据，为其制作路线：
“/ getHomePageData”路线返回一些新闻提要（让我们说）“/ getProfilePageData”路线返回一些用户相关的信息
现在在每个页面上，在服务器路由调用成功的时候，您需要将这些数据以html的forms传递给用户。
同意有例外/约定，如使用玉石模板发送编译页面（页面embedded数据）。