In Angular, we utilize the component structure to organize our code and functionality. This also helps us to adhere to OOP principles. We need a way to share information between components. So how do components interact in Angular? No Relation If two components are not related, they share data through
In the previous several posts, we have looked at three types of binding (interpolation, property and event). In interpolation and property binding, the communication flows one way…from class to template. That direction when combined with Angular’s change detection allows you to programmatically update the class and change information that then
A third type of binding in Angular is event binding. This allows the component to react to raised html events. For example, you can have a button that once it is clicked, it calls a function in the component class. To use event binding, parentheses are utilized. Here is an
Another type of binding in Angular is property binding. In property binding, you use square brackets. It allows you to set the property of html elements within the template from data from the component class. Here is an example… We can use the aforementioned component properties to set the width
Angular interpolation is one-way data binding. interpolation allows you to pass data from the component class to the template. In the template you wrap it in curly braces. Say we have a class as follows… To use this in our html template, we need to interpolate the data with curly
In Angular, we use data binding to move data back and forth between the component class and the html view. There are three types of binding… Interpolation – one way binding from class to template Property – html event passed from template to class Event – html property setting from
