AngularJS Primer

Devin McInnis (@DevoAKA)

Eric Lin (@ericlin2004)

Marc Kuo (@kuomarc)

First AngularJS project

MVW

SPA

Angular Seed Lite

https://github.com/devinmcinnis/todo-angular

Modules

Dependency Injection

angular.module('myApp', [
  'myApp.controllers'
]);

angular.module('myApp.controllers', [])  .controller('TodoController', function($scope){    $scope.title = 'Hello World';  });

<body ng-app='myApp'>  <div ng-controller='TodoController'>    <h1> {{title}} </h1>  </div></div>

Routing

angular.module('myApp', [
  'ngRoute',  'myApp.controllers'
]).config(function($routeProvider) {
  $routeProvider.when('/todo', {    templateUrl: 'partials/todo.html',     controller: 'TodoController'  });
  $routeProvider.otherwise({redirectTo: '/todo'});
}]);

https://slid.es/axiomzen/angularjs-primer

Wow!

We're hiring!!1!

@kuomarc

@DevoAKA

@ericlin2004

JOIN US FOR HAPPY HOUR @ 778 BEATTY (& ROBSON)