In this video, Aviv Ben-Yosef introduces the $onDestroy lifecycle hook. Learn when it might be necessary to perform controller clean up and how it should be done.
- [Instructor] Usually, Angular takes care of…cleaning up after a component, once it is no longer needed.…But in some situations, some manual cleanup is required.…A common case is when components integrate directly…with a DOM or some external plugin…that requires adding listeners to it,…or when setting up code that might try to execute…after the component should be removed,…like when using an interval.…Cleaning these up is required in order to make sure…they don't hold on to the component,…preventing it from being disposed of…and causing memory leaks.…
Prior to Angular 1.5, the way to achieve this…was by listening to the scope's special destroy event.…Angular would forward, as part of its process…for removing a directive, but the core team…would be remiss had they not made sure to provide us…with one less reason to use $scope.…That is the purpose of the onDestroy lifecycle hook.…It is triggered as part of the cleanup of the component.…In it, it's possible to perform whatever maintenance…that needs to be done before the component is disposed of.…
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.