Join Ray Villalobos for an in-depth discussion in this video Using two-way data binding, part of Learning AngularJS 2 (2016).
- [Voiceover] Sometimes, it's convenient to have an element…that can both respond to an event…and modify a property at the same time.…Angular gives you a shortcut to do this…that combines both of the techniques…that we've been doing so far.…We have been learning how to use properties of an element,…like the innerHTML of this label,…to assign a value that is based on our variables…that are in our component.…The other thing that we've done…is attached different events that can allow us…to do things through our components,…so, calculate a new artist or add one right here,…and so on and so forth.…
Now, we can actually do both of those things simultaneously,…and you can probably figure out how to do it.…What I want to do is show you that we already know…how to create this two-way binding ourselves…if we did it sort of with the two techniques…that we already have.…What I'm going to do here is modify the property…of this input field called value,…and I'm going to set that to the name variables.…Name variable, remember, is the name that we have…
In these tutorials, Ray Villalobos shows you how to start using AngularJS 2 in your own projects. He starts by defining what exactly Angular 2 is and how it differs from AngularJS 1. Then, once the basics are out of the way, he sets up the template that will drive the project and starts coding. Ray shows how to divide your project into modules, work with events, style content with CSS, and create components and subcomponents. Plus, find out how to change content dynamically using data pipes.
The template is included as a free download for all members.
- What is AngularJS 2?
- Setting up our template
- Creating a simple component
- Using multiple modules
- Displaying data in our templates
- Working with events
- Creating a subcomponent
- Filtering content through data pipes