Component selectors in Angular
When building component you notice unwanted element render in HTML like this Image: That not a problem nor it will break you app but having...
Search Topic
Result for Topic: Angular
Passing arguments to components in Angular
So I want to pass argument to component and get dynamic dashboard item wrapper. Before: Child component: In child component we can see the header...
Debugging Angular App
1. Check error message and try to understand error message. For example here we have error message related TS where we have to add string...
Project: Investment Calculator
Project file structure look like this blow. Output:
Angular: Services
Services are a key part of building a scalable and maintainable Angular application. Services are used to organize and share code across your application. They...
Angular: Template Driven Forms in Angular (ngModel).
Angular provides robust form handling techniques, and one of the easiest ways to handle forms is through Template Driven Forms. Below example one of the...
Angular: ngContent
If you want build a card design and use that card design as wrapper in multiple places you can use it with ngContent method. Example:...
Angular: Structural directives (if, for and switch)
In angular template we can manage conditional rendering by using Structural directives. Let’s see how can we do that with code. Using *ngIf and *ngFor...
Angular: @Output: Passing data from child to parent components.
In angular, @Output is used in a child component to emit events to parent component. This allows communication from the child to the parent component...
Angular: @Input() vs input()
@Input() Decorator The @Input decorator allows parent components to pass data to their children. Example of @Input In this example child component binds userName with...