In this video, Aviv Ben-Yosef explains how the `require` mechanism in Angular works. Learn how to make components communicate using `require` and when it should be used.
- [Instructor] One problem that might come up…when isolating directives in a big app…is attribute overflow.…That's when a component grows and grows,…until it has a relatively long list of bindings,…making its use unwieldy.…When faced with such a situation,…it's recommended to either go with trimming or requiring.…Trimming means accepting that…a little monster has been created,…and breaking it into several components,…each having less responsibility.…And yet, sometimes, trimming is not going to cut it.…
In those cases, require might be the right choice.…Require has been around in Angular for quite awhile.…It is used quite heavily behind the scenes in Angular,…to make things like forms…and their embedded controls co-ordinate smoothly.…Every component can require…the presence of other components.…This is usually done to assert that a component…has a specific parent component.…Requiring allows a component to get access…to the required components controller instance.…
Once required the controller can then be used…to call methods and access properties on it as needed.…
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.