Embed Size (px)
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
