jrmoran · December 13, 2012 15:12 · Rohaan-Ishfaq · Sep 4, 2014 · llh911001 · Oct 21, 2014
diff --git a/public-app.js b/public-app.js
 var app = angular.module('app', ['ngResource']);

 app.config(function($locationProvider, $routeProvider) {
  // $locationProvider.html5Mode(true);
  $routeProvider
    .when('/', { templateUrl: 'partials/index', controller: 'ctrl' })
    .when('/about', { templateUrl: 'partials/about', controller: 'ctrl' })
    .otherwise({redirectTo:'/'});
 });

 app.controller('ctrl', function($scope){});
diff --git a/routes.coffee b/routes.coffee
 exports.index = (req, res)->
  res.render 'index', message:"Hello!!!"

 exports.partials = (req, res)->
  filename = req.params.filename
  return unless filename # might want to change this
  res.render "partials/#{filename}"
diff --git a/server.coffee b/server.coffee
 express = require 'express'
 routes  = require './routes'
 engine  = require 'ejs-locals'
 app     = express()

 app.engine('ejs', engine)
 app.set('view engine', 'ejs')
 app.set('views', __dirname + '/views')
 app.use(express.static __dirname + '/public')

 app.get('/partials/:filename', routes.partials)
 app.use(routes.index) # everything else

 app.listen 3000
diff --git a/views-index.ejs b/views-index.ejs
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8" />
    <title>Test</title>
    <script src="components/angular-complete/angular.js" 
            type="text/javascript"></script>
    <script src="components/angular-complete/angular-resource.js" 
            type="text/javascript"></script>
    <script src="app.js" 
            type="text/javascript"></script>
 </head>
 <body ng-app='app'>
  <%- message %>
  <a href="#/about"> /about</a> |
  <a href="#/"> home</a>
  <!-- uncomment if HTML5Mode on -->
  <!-- <a href="/about"> /about</a> | -->
  <!-- <a href="/"> home</a> -->
  <hr />
  <div ng-view></div>
 </body>
 </html>
diff --git a/views-partials-about.ejs b/views-partials-about.ejs
 <h1>About</h1>
diff --git a/views-partials-index.ejs b/views-partials-index.ejs
 <h1>Index</h1>
	var app = angular.module('app', ['ngResource']);

	app.config(function($locationProvider, $routeProvider) {
	// $locationProvider.html5Mode(true);
	$routeProvider
	.when('/', { templateUrl: 'partials/index', controller: 'ctrl' })
	.when('/about', { templateUrl: 'partials/about', controller: 'ctrl' })
	.otherwise({redirectTo:'/'});
	});

	app.controller('ctrl', function($scope){});
	exports.index = (req, res)->
	res.render 'index', message:"Hello!!!"

	exports.partials = (req, res)->
	filename = req.params.filename
	return unless filename # might want to change this
	res.render "partials/#{filename}"
	express = require 'express'
	routes = require './routes'
	engine = require 'ejs-locals'
	app = express()

	app.engine('ejs', engine)
	app.set('view engine', 'ejs')
	app.set('views', __dirname + '/views')
	app.use(express.static __dirname + '/public')

	app.get('/partials/:filename', routes.partials)
	app.use(routes.index) # everything else

	app.listen 3000
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Test</title>
	<script src="components/angular-complete/angular.js"
	type="text/javascript"></script>
	<script src="components/angular-complete/angular-resource.js"
	type="text/javascript"></script>
	<script src="app.js"
	type="text/javascript"></script>
	</head>
	<body ng-app='app'>
	<%- message %>
	<a href="#/about"> /about</a> \|
	<a href="#/"> home</a>
	<!-- uncomment if HTML5Mode on -->
	<!-- <a href="/about"> /about</a> \| -->
	<!-- <a href="/"> home</a> -->
	<hr />
	<div ng-view></div>
	</body>
	</html>