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?
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
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
We all know lazy loading is one of the most useful concepts of Angular Routing, and for those of us who have been working with Angular, we know how it brings down the size of large files. This is done by lazily loading the files that are required occasionally. To start with lazy loading by … Continue reading Lazy Loading in Angular 8
In the March of 2019, Pius contacted me to share my knowledge about the basic concepts of Angular with the audience of Makurdi, Nigeria. It was organised as a celebration of International Women’s Day 2019. On the 31st of March 2019, I joined the audience in Makurdi via a Hangout session and discussed the topics … Continue reading IWD 2019 - GDG Makurdi
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.
View original post 191 more words
In almost any application that we work with, the first important thing to do is to deal with data, loads and loads of data. And this data which resides on the server is dealt with by the use of HTTP operations. We perform HTTP GET and POST operations to work with that data. Now, in … Continue reading CRUD with Angular