In this video, Aviv Ben-Yosef introduces the concept of controller-as syntax and the differences between using it and not. Learn about the advantages of controllers written with controller-as syntax.
- [Narrator] Controller as syntax,…was introduced in Angular 1.2.…It was the first step in reducing (mumbles),…and turning controllers into proper objects.…Prior to that, the standard…was to inject $scope into controllers.…And whatever the controllers wanted to be accessible…to the template, was added to the $scope object.…Controller as syntax changes that…by binding of the controller with an…explicit name to the template.…This means, that instead of adding all the functions…and properties to $scope, they're now exposed directly…on the controller's instance.…
Let's see how that works, and why it's better.…This template's snippet makes use…of a couple of properties, counter and increment.…In a controller as controller, the template…will be abated to look like this.…Here, the name given to the controller, is $ctrl,…pronounced as dollar control, which is the…default in Angular for components.…What Angular essentially does, it exposes…the controller's instance using that name to the scope.…It's like Angular added to the top of the controller,…
Aviv Ben-Yosef kicks off the course by explaining what's different in Angular 1.6, as well the different motives for upgrading. Next, he walks through how to safely upgrade an existing app. He covers going from controllers to directives, as well as component lifecycle hooks. He also goes into the architectural changes in Angular, such as one-way data flow and immutability. To wrap up, he discusses how to properly test components.
- Deciding to upgrade an existing app
- Upgrading to Angular 1.6
- Removing standalone controllers
- Using directives as route targets
- Converting a controller's code
- Converting a controller's template
- Comparing directives and components
- Converting a directive
- Reviewing the concept of one-way binding
Skill Level Intermediate
AngularJS 1: Building a Data-Driven Appwith Ray Villalobos2h 15m Intermediate
1. Controllers to Directives
2. Use controllerAs
Convert a controller’s code1m 57s
3. Directives to Components
4. Component Lifecycle Hooks
5. One-Way Data Binding
6. Testing Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.