Angular controllers

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

Watch User Created Playlist (13)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

New in Angular 1.4 - New bindToController Syntax

P

New in Angular 1.3 - bindToController

P

Building an Angular App: Editing a bookmark with ng-model and a controller

ngModelController render function

P

ngModelController: viewValue-modelValue relationship

P

Building an Angular App: Controllers

Testing Controllers With Dependencies

P

Testing a Controller

Build Your Own ng-controller Directive

P

AngularJS Architecture: Prefer the 'controller as' syntax

P

Directives Talking to Controllers

Sharing Data Between Controllers

Controllers

P
angularjs tutorial about New in Angular 1.4 - New bindToController Syntax

New in Angular 1.4 - New bindToController Syntax

1:43 angularjs PRO

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

angularjs tutorial about New in Angular 1.3 - bindToController

New in Angular 1.3 - bindToController

4:10 angularjs PRO

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.

angularjs tutorial about Building an Angular App: Editing a bookmark with ng-model and a controller

Building an Angular App: Editing a bookmark with ng-model and a controller

9:13 angularjs

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. Tags correspond to the lesson.

angularjs tutorial about ngModelController render function

ngModelController render function

2:04 angularjs PRO

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

angularjs tutorial about ngModelController: viewValue-modelValue relationship

ngModelController: viewValue-modelValue relationship

2:20 angularjs PRO

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.

angularjs tutorial about Building an Angular App: Controllers

Building an Angular App: Controllers

7:58 angularjs

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. Note: the tag name corresponds to the lesson.

angularjs tutorial about Testing Controllers With Dependencies

Testing Controllers With Dependencies

3:40 angularjs PRO

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

angularjs tutorial about Testing a Controller

Testing a Controller

1:12 angularjs

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.

Build Your Own ng-controller Directive

2:20 angularjs PRO

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.

angularjs tutorial about AngularJS Architecture: Prefer the 'controller as' syntax

AngularJS Architecture: Prefer the 'controller as' syntax

5:02 angularjs PRO

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.

Directives Talking to Controllers

4:43 angularjs

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.

angularjs tutorial about Sharing Data Between Controllers

Sharing Data Between Controllers

5:13 angularjs

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.

Controllers

1:11 angularjs PRO

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

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?