In this video, Aviv Ben-Yosef goes through the steps of finding an existing standalone controller and introducing a new directive that wraps that controller.
- [Narrator] Since standalone controllers…are no longer encouraged,…the first step will be to find all standalone controls…and wrap them in directives.…I will track down a standalone controller,…which is basically any controller functional class…that's used outside of a directive's controller attribute.…Most commonly, they're used with rogue ng-controller lines…or in router definitions.…Let's look at the usage of the todo control in tasks.html…in the exercise files.…This is a typical use of a standalone controller,…using the ng-control directive.…
I'll start by opening the control definition in todo.js…and create a new directive, called todo.…This is as simple of a directive as you can get.…It is uses the existing todo control.…And now I change the template to use the new directive,…instead of ng-controller.…
Note, that this change…might require some changes to the css sometimes,…since there's now a different containing element,…a todo element instead of a div.…This new directive doesn't have…its own dedicated template, yet.…
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.