Controllers and Directives

Web developers looking to expand their skills with AngularJS


Expected Duration
103 minutes

The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.


Directive Isolate Scopes

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup

Controllers and Directives

  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives

Working with DOM Elements

  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive

Practice: Work with Directives

  • set up and communicate with both directives and nested directives





Multi-license discounts available for Annual and Monthly subscriptions.