Angular in the Enterprise

Preview:

DESCRIPTION

Denver 6/2014 Meetup Presentation on different things experienced while using AngularJS in an enterprise environment, some of the ways I've found useful to improve the situation, and some refined development techniques to use in your application development with AngularJS.

Citation preview

🌎

Google AngularJS Style Guidehttps://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html

‘use strict’

angular.controller(‘myController’, [‘$scope’, ’$location’, ’fooService’, ’barService’,

function($scope, $location, fooService, barService){

}]);

Typical Module Definition

(function(){

‘use strict’

var ctrlName = “myController”;

angular.controller(ctrlName, [‘$scope’, ‘$location’, ‘fooService’, ‘barService’, myController]);

function myController($scope, $location, fooService, barService){…

}

}());

AngularJS 2.0 Router Design Documenthttps://docs.google.com/document/d/1I3UC0RrgCh9CKrLxeE4sxwmNSBl3oSXQGt9g3KZnTJI/edit

Route Management

app.js

app.js

routes.js

/*** Custom checkbox style for app** Usage: * <custom-checkbox * checked=“checkedVal” // boolean* predicate=“predicateVal”> // string* </custom-checkbox>**/app.directive(‘customCheckbox’, function(){

return {scope: {

‘checked’:’=‘,‘predicate’:’=‘

}…

}});

app.directive(‘customCheckbox’, function(){

return {scope: {

‘checked’:’=‘,‘predicate’:’=‘

}…

}});

Ctrl + Alt + ICmd + Alt + I

JSBin Repohttps://github.com/jsbin/jsbin/

How do I “think in AngularJS” if I have a jQuery background?http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background

Service vs Provider vs Factoryhttp://stackoverflow.com/questions/15666048/angular-js-service-vs-provider-vs-factory

Difference Between ‘Link’, ‘Controller’ and ‘Compile’ for Directiveshttp://stackoverflow.com/questions/12546945/difference-between-the-controller-link-and-compile-functions-when-definin

Understanding Scopeshttps://github.com/angular/angular.js/wiki/Understanding-Scopes

Recommended