...

TODO: add content here

Core concepts

Modules

• Advantages:
  • Keeps our global namespace clean
  • Eases writing tests as well as keeps them clean as easy to target isolated functionality
  • Eases to share code between applications
  • Allows different parts of the code to be loaded in any order

Scopes

• Scopes objects that contain functionality and data to use when rendering the view. It is the single source of truth for all views. You can think of scopes as view models.
• Basic Functions
  • They provide observers to watch for model changes
  • They provide the ability to propagate model changes through the application as well as outside
    the system to other components
  • They can be nested such that they can isolate functionality and model properties.
  • They provide an execution environment in which expressions are evaluated.

Scope Inheritance

Every part of an AngularJS application has a parent scope (at the ng-app level, this is called the $rootScope). All scopes are created with prototypal inheritance, meaning that they have access to their parent scopes.

...

  var app = angular.module('myApp', []);

  app.controller('ParentController', function($scope) {
    $scope.person = { greeted: false };
  })

  app.controller('ChildController', function($scope) {
    $scope.sayHello = function() {
      $scope.person.name = "Chuck Norris";
       $scope.person.greeted = true;
    }
  })

...