A book on Angular Routing?

Featured

When I started my journey of learning Angular, the concept that captured my interest totally was the routing and navigation techniques in the framework. First of all, my basic understanding of web apps was that there are multiple pages and clicking on one element on a page would link to the next page having a … Continue reading A book on Angular Routing?

Advertisements
Featured

Angular Library with ng-packagr

https://unsplash.com/photos/B3l0g6HLxr8 NOTE: The article is relevant to the earlier versions of Angular and with the version 7 and above, we can create a library in Angular using the command ng generate library <library-name> . For more on this, refer to the documentation here: https://next.angular.io/guide/creating-libraries When you have a small application with three or more components, and … Continue reading Angular Library with ng-packagr

CSharp Corner Conference 2019

Featured

In the month of April 2019, I got the opportunity to speak at the annual conference of CSharp Corner. CSharp Corner is the worldwide community of software professionals and developers located in the USA. The conference included talks on diverse technologies such as .NET, BlockChain, Docker, Angular et cet era. With Angular being one of the … Continue reading CSharp Corner Conference 2019

Understanding Component Communication using @Input()

Nishu Goel

Want your components to share information? Yes, they can!
Say you have two components, a parent component (PC) and a child component (CC) and you want the data to move from the parent component to the child component or vice versa, you use COMPONENT COMMUNICATION/INTERACTION.

There are multiple ways to achieve that. This article focuses on the use of @Input() to receive the data from the PC to CC.

@Input decorator is used to pass data from parent to child component. Now suppose we have created two components:
app.component.ts and child.component.ts

Here, we have decorated the message property with the @Input() decorator so that value of the message property can be set from the parent component.

Now, let us modify the parent component AppComponent to pass data to the child component.

Here we are setting the value of the child component’s property message with the help of parent component. To…

View original post 191 more words