Angular - Page 14 of 35 - TekTutorialsHub

How to Create & Use Custom Directive In Angular

In this tutorial, we will show you how to create a Custom Directive in Angular. The Angular directives help us to extend or manipulate the DOM. We can change the appearance, behavior, or layout of a DOM element using the directives. We will build a four directive example s and show you how to Create a custom directive using the
@Directive decorator. We will create both custom attribute directive & custom Structural directive. How to setup selectors. Pass value to it using the @input. How to respond to user inputs, Manipulate the DOM element (Change the Appearance) etc.

How to Create & Use Custom Directive In Angular Read More »

Angular Trackby to improve ngFor Performance

3 Comments

Angular Track by option improves the Performance of the ngFor if the collection has a large no of items and keeps changing. Learn why we need it and how to use it to improve the performance of the ngFor.

Angular Trackby to improve ngFor Performance Read More »

How to Install & Use Angular FontAwesome

Ng-Content & Content Projection in Angular

8 Comments

In this guide let us explore how to use ng-content to add external content in the Template. We know how to use @Input decorator to pass data to a component. But it is only limited to data and not to the content which includes the HTML elements, CSS, etc, By using the ng-content we can pass the content to a child component. This is also called content projection. The ng-content provides the selector attribute, which allows us to create slots and send different content to each slot.

Ng-Content & Content Projection in Angular Read More »

ng-container in Angular

5 Comments

In this guide let us look at ng-container in Angular. We use this to create a dummy section in the template, without rendering it in the HTML. We also look at some of the use cases of the same.

ng-container in Angular Read More »