Angular 10 NgPlural Directive Last Updated : 03 Jun, 2021 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see what is NgPlural in Angular 10 and how to use it. The NgPlural in Angular10 is used to Add or remove DOM sub-trees based on a numeric value. Syntax: <li *NgPlural='condition'></li> NgModule: Module used by NgPlural is: CommonModule Selectors: [NgPlural] Approach: Create an Angular app that to be used.There is no need for any import for the NgPlural to be used.Define a variable in app.component.tsIn app.component.html use ngPlural with ngPlural case directive in the element with conditions to be checked..Serve the angular app using ng serve to see the output. Example: app.component.ts import { Component, Inject } from '@angular/core'; import { PLATFORM_ID } from '@angular/core'; import { isPlatformWorkerApp } from '@angular/common'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: [ './app.component.css' ] }) export class AppComponent { val = 1; } app.component.html <some-element [ngPlural]="val"> <ng-template ngPluralCase="=1">Geek</ng-template> <ng-template ngPluralCase="=2">Geeks</ng-template> </some-element> Output: Geek Reference: https://angular.io/api/common/NgPlural Comment More infoAdvertise with us Next Article Angular 10 NgPlural Directive T taran910 Follow Improve Article Tags : Web Technologies AngularJS AngularJS-Directives Angular10 Similar Reads Angular10 NgPluralCase Directive In this article, we are going to see what is NgPluralCase in Angular 10 and how to use it. The NgPluralCase in Angular10 is used to create a view that will be added or removed from the parent NgPlural when the given expression matches the plural expression. We can use the values to make the output p 1 min read Angular 10 NgTemplateOutlet Directive In this article, we are going to see what is NgTemplateOutlet in Angular 10 and how to use it. The NgTemplateOutlet in Angular10 is used to insert an embedded view from a prepared TemplateRef. NgTemplateOutlet adds the reference element which is displayed on the page. Syntax: <li *NgTemplateOutle 1 min read Angular 17 Structural Directives Structural directives in Angular 17 are a special type of directives that allow you to dynamically manipulate the DOM (Document Object Model) by adding, removing, or replacing elements based on certain conditions. These directives are prefixed with an asterisk (*) in the template syntax. In this art 5 min read AngularJS ng-value Directive The ng-value Directive in AngularJS is used to specify the value of an input element. This directive can be used to achieve the one-way binding for the given expression to an input element, especially when the ng-model directive is not used for that specific element. It is supported by <input> 2 min read AngularJS ng-readonly Directive The ng-readonly Directive in AngularJS is used to specify the readonly attribute of an HTML element. The HTML element will be readonly only if the expression inside the ng-readonly directive returns true. The ng-readonly directive is required to change the value between true and false. In case, if t 2 min read Like