Skip to content

Instantly share code, notes, and snippets.

@edwardhotchkiss

edwardhotchkiss/app.js

Created May 25, 2012 02:55
Show Gist options
  • Save edwardhotchkiss/2785484 to your computer and use it in GitHub Desktop.
Save edwardhotchkiss/2785484 to your computer and use it in GitHub Desktop.
Download ZIP
learning angular.js 1.0.0 blog post
Raw
app.js
var app = angular.module('app', [], function($routeProvider) {
$routeProvider.when('/welcome', {
template : 'partials/welcome.html',
controller : WelcomeController
});
$routeProvider.otherwise({
redirectTo : '/welcome'
});
});
app.config(function($locationProvider) {
$locationProvider.hashPrefix('');
$locationProvider.html5Mode(true);
});
Raw
bind.html
<p ng-bind-html="item.content | highlight:filterBy"></p>
Raw
inject.js
/**
* controllers
*/
WelcomeController.$inject = ['$scope', '$location'];
function WelcomeController($scope, $location) {
$scope.pageHeader = 'v0.0.1';
};
Raw
new_context.js
function WelcomeController($scope) {
$scope.pageHeader = 'v0.0.1';
};
Raw
old_context.js
function Controller() {
var scope = this;
var context = this;
var self = this;
}
Raw
public.index.html
<!DOCTYPE html>
<html lang="en" ng-app="app" ng-init="">
<head>
<meta charset="utf-8">
<title ng-bind-template="Node-Angular {{ site.leftCurleys }}pageTitle{{ site.rightCurleys }}">Node-Angular</title>
</head>
<body>
<div>
<ng-view></ng-view>
</div>
<script type="text/javascript" src="javascripts/vendor/angular-1.0.0rc2.min.js" ng:autobind></script>
<script type="text/javascript" src="javascripts/app.js"></script>
</body>
</html>
Raw
start.sh
$ sudo npm install angular -g
$ angular new myapp && cd myapp
$ npm install
$ angular server 8080
$ open "http://localhost:8080"
Raw
welcome.js
/**
* @route /welcome
*/
var path = require('path');
module.exports = function(app) {
app.get('/welcome', function(request, response) {
var html = path.normalize(__dirname + '/../../public/index.html');
response.sendfile(html);
});
};
Raw
welcome2.html
<div class="container" ng:init="$root.pageTitle = pageHeader">
<h1 ng-bind-html="pageHeader"></h1>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment