Angular 1 controllers are the bridge between the DOM and your data. Beware the bloated controller! Keep them slim 😜

Angular 1.4 introduces a new syntax for bindToController. John demonstrates how to use it and what the new options are.

New in Angular 1.4 - New bindToController Syntax

If you are using the "controller as" syntax, and you should be using the "controller as" syntax, you will want it to be **consistent** in your Angular state modules as well as your Angular component directives. With the `bindToController` property on the directive definition object, this is easy to accomplish.

New in Angular 1.3 - bindToController

We are going to learn how to edit an existing bookmark by building on a lot of the same techniques from the previous video. We will also learn how to edit a bookmark and not actually save the change back to the collection until we are ready.

Find the code [on Github](https://github.com/eggheadio/egghead-angularjs-from-scratch-getting-started/tree/06-editing-bookmark). Tags correspond to the lesson.

Modify State with ng-model and an AngularJS controller

When implementing ng-model on your reusable AngularJS directives, you need to implement the `render` function.

ngModelController render function

This lesson takes a look at the AngularJS internals to better understand what Angular is doing under the hood with ngModel to keep data and views in sync.

ngModelController: viewValue-modelValue relationship

We are going to take the static HTML elements and dynamically display them on the page by setting up an AngularJS controller and hooking it up with AngularJS templating in the view.

The code for this lesson [can be found on Github](https://github.com/eggheadio/egghead-angularjs-from-scratch-getting-started/tree/02-controllers). Note: the tag name corresponds to the lesson.

Dynamically Display Data with AngularJS Controllers

In this lesson Trevor looks at testing AngularJS controllers with scope inheritance with Jasmine and test spies.

Testing Controllers With Dependencies

AngularJS provides helpers for convenient testing of your application. In this lesson you will learn how to test a basic controller with Jasmine and Angular.

Testing a Controller

Have you ever wanted to write your own ng-controller directive? No?! That probably means you're sane. That said, it is an interesting study to lift the lid on the black box, and understand how your tools work on a more intimate level.

Build Your Own ng-controller Directive

As of Angular 1.2, the use of $scope injectable has been greatly reduced in favor of the "controller as syntax". We are going to take a quick look at cleaning up Eggly to follow this best practice.

AngularJS Architecture: Prefer the 'controller as' syntax

Often in AngularJS we want to share information between controllers and directives. One way to do this is by passing the scope, but this makes the directive reliant on the scope having the methods you want to run.  This lesson shows you a cleaner way that you can pass methods to the directive using an attribute and decouple controllers from directives.  This in turn makes your directives more generic/reusable.

Directives Talking to Controllers

If AngularJS Controllers are the glue of an application, how do they communicate and pass data around? This introduction to service factories will shed some light on that question.

Sharing Data Between Controllers

Controllers are the 'glue' of an AngularJS application. They connect your markup with your data and act as a sort of switchboard. 

Angular controllers

Instructor

Course content (13 lessons)

Instructor