In this video, Aviv Ben-Yosef introduces the concept of one-way bindings. Learn about the difference between one-way and two-way bindings, and when each one should be used.
- [Narrator] Since its beginning,…Angler provided two-way bindings between components…and their parents using the equals sign…in the bindings configuration.…They're called two way because Angler…would send them in both directions.…If a parent component assigns a new value…to their user binding,…Angler would update the chart component…to point at the same reference…and vice versa, assignments from the child would…be propagated to the parent, too.…This two way communication though,…is only really useful in a few situations.…
A well known example, which also goes to show…how rarely this feature really is needed,…is when implementing directives that behave…similarly to entry models.…Those are directives that transparently update…a property in their parent scope.…The rest of the time child components…seldom write back things in this manner,…and if they do, it's usually a code smell,…rather than a good idea.…To express how a child assignment…can needlessly complicate things,…consider the case where a child component…reassigns a bound value and that the parent component…
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.