In this video, Aviv Ben-Yosef goes through the limitations of components. Learn which directives should be converted into components and which should not.
- [Narrator] Before diving into…the nitty-gritty conversion steps…from a directive to a component,…it's important to understand that…components cannot be used to replace all directives.…Components are meant to replace a specific…kind of directives.…Which is why they can save so much…boilerplate and make decisions about the usage.…They don't have to be the most generic thing ever.…They're used to replace most directives…but certainly not all.…Components are always used at the element level…and can't be used to replace attribute directives.…
Think about ng-repeat and similar.…Even more important is the fact…components always define their own isolated scope.…This essentially means that components…cannot be used for functional and scopeless directives.…You know these directives and use them a lot,…such as ng-click and ng-model.…These directives aren't thought of as components.…That is because they don't encapsulate…both controller logic and view.…If you have your own similar directives,…leave them be.…
Lastly, components do not support…
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.