Angular js

Angular js

• 1.
  ANGULAR JS
• 2.
  What is AngularJS? MVC
• 3.
  Angular component  Controller Service  Factory  Directives  Filter  View
• 4.
  Controller Setup the scope ViewInteraction CoordinateView and Model No DOM manipulationangular.module('myApp') .controller('AddCarCtrl', ['$scope', function($scope) { //do some stuff }]);
• 5.
  Controller best practice Less controller code  No application logic  No DOM manipulation
• 6.
  Service  Handle non-viewlogic  Communicate with server  Hold data & status
• 7.
  View  Display theApplication  Declare Binding & Detectives
• 8.
  Create a Service 1.Value 2.Constant 3.Factory 4.Service 5.Providerangular.module('myApp').service('AddCarSvc',function($http,carList){ //do some stuff });
• 9.
  Directives  DOM manipulation DOM events  Functionality( ng-show, ng-hide)  Widgets
• 10.
  Directives  Link  Controller Scope
• 11.
  Project work thoughand hand on
• 12.
  FOUC Flash of unstyledContent 1.ng-cloak [ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } 1.ng-bind Use ng-bind instead of {{ }} 1.Add spinner
• 13.
  File Structure