Best Online Tutorials

SQL Tutorial

Free SQL Tutorial

SQL Interview Questions

SQL Practice Questions

SQL Tips & Tricks

SQL Errors

SQL Books

Angular Tutorial

Free Angular Tutorial

Angular Interview Questions

Angular Practice Questions

Angular Tips & Tricks

Angular Errors

Angular Books

Node.js Tutorial

Free Node.js Tutorial

Node.js Interview Questions

Node.js Practice Questions

Node.js Tips & Tricks

Node.js Errors

Node.js Books

React.js Tutorial

Free React.js Tutorial

React.js Interview Questions

React.js Practice Questions

React.js Tips & Tricks

React.js Errors

React.js Books

SSIS Tutorial

Free SSIS Tutorial

SSIS Interview Questions

SSIS Practice Questions

SSIS Tips & Tricks

SSIS Errors

SSIS Books

SEO Tutorial

Free SEO Tutorial

SEO Interview Questions

SEO Practice Questions

SEO Tips & Tricks

SEO Errors

SEO Books

Javascript Tutorial

Free Javascript Tutorial

Javascript Interview Questions

Javascript Practice Questions

Javascript Tips & Tricks

Javascript Errors

Javascript Books

MongoDB Tutorial

Free MongoDB Tutorial

MongoDB Interview Questions

MongoDB Practice Questions

MongoDB Tips & Tricks

MongoDB Errors

MongoDB Books

Next.js Tutorial

Free Next.js Tutorial

Next.js Interview Questions

Next.js Practice Questions

Next.js Tips & Tricks

Next.js Errors

Next.js Books

Angular - ng-switch 

Prashant Surya  |   Nov 4, 2019  |  Views: 25

Description:

ngSwitch is the directive that is used to show the matched DOM template or elements.

It is used when there are many templates to be loaded based on a single expression value.

ngSwitch defined on any DOM element have the child elements with the attribute *ngSwitchCase which is been assigned the expected condition

If no any condition matches then we have a child element there with the attribute *ngSwitchDefault which is been loaded.

Syntax:
<demo-element [ngSwitch]="switch_expression">
  
  <!-- List of templates or elemnts to be matched -->
  <child1-element *ngSwitchCase="match_expression_1">...</child1-element>
  <child2-element *ngSwitchCase="match_expression_2">...</child2-element>
  <child3-element *ngSwitchCase="match_expression_3">...</child3-element>
  
  <!--default case when there is not any match above -->
  <child4-element *ngSwitchDefault>...</child4-element>
</demo-element>

Comments:
Content Contributor
Prashant Surya

Prashant Surya

Software developer at Uniserve Data Technologies Pvt. Ltd.  |   Noida, Uttar Pradesh, India

I am a software developer, freelancer and trainer working on technologies likes. MEAN stack, MERN Stack, ASP.NET full stack, WebRTC, socket.io ,PWA, SQL, JavaScript, jQuery, HTML, CSS, SEO, responsive UI/UX designing... having 7 years of experience in development in multiple domains like, eCommerce, RTA, capital markets, education, real estate...


Read related articles

Angular - Ivy

Prashant Surya  |   Dec 18, 2019  |  Views: 15

Angular - Sanitization

Prashant Surya  |   Nov 13, 2019  |  Views: 24

Angular - HttpClient

Prashant Surya  |   Nov 4, 2019  |  Views: 23

Angular - *ngFor

Prashant Surya  |   Nov 4, 2019  |  Views: 19

Angular - ng-switch

Prashant Surya  |   Nov 4, 2019  |  Views: 26

Angular - ng-template

Prashant Surya  |   Nov 4, 2019  |  Views: 19

Angular - ng-content

Prashant Surya  |   Nov 4, 2019  |  Views: 23

Angular - ng-container

Prashant Surya  |   Nov 4, 2019  |  Views: 23

Angular - ElementRef

Prashant Surya  |   Nov 4, 2019  |  Views: 24

Angular - HostBinder

Prashant Surya  |   Nov 4, 2019  |  Views: 33

Angular - HostListner

Prashant Surya  |   Nov 4, 2019  |  Views: 38

Angular - Interceptor

Prashant Surya  |   Nov 4, 2019  |  Views: 24

Angular - ControlValueAccessor

Prashant Surya  |   Nov 4, 2019  |  Views: 30

Angular - ViewEncapsulation

Prashant Surya  |   Nov 4, 2019  |  Views: 12

Angular - Error Handling

Prashant Surya  |   Nov 4, 2019  |  Views: 18

Angular - Animations

Prashant Surya  |   Nov 4, 2019  |  Views: 18

Angular - Rxjs

Prashant Surya  |   Nov 4, 2019  |  Views: 18

Angular - Observable

Prashant Surya  |   Nov 4, 2019  |  Views: 25

Angular - Pipe

Prashant Surya  |   Nov 4, 2019  |  Views: 31

Angular - Form Validation

Prashant Surya  |   Nov 4, 2019  |  Views: 26

Angular - Forms

Prashant Surya  |   Nov 4, 2019  |  Views: 19

Angular - Lazy Loading

Prashant Surya  |   Nov 4, 2019  |  Views: 29

Angular - Guard

Prashant Surya  |   Nov 4, 2019  |  Views: 23

Angular - Auxilary Routes

Prashant Surya  |   Nov 4, 2019  |  Views: 26

Angular - Routing

Prashant Surya  |   Nov 4, 2019  |  Views: 21

Angular - Data Binding

Prashant Surya  |   Nov 4, 2019  |  Views: 33

Angular - Typescript

Prashant Surya  |   Nov 4, 2019  |  Views: 21

Angular - Dependency Injection

Prashant Surya  |   Nov 4, 2019  |  Views: 28

Angular - Service

Prashant Surya  |   Nov 4, 2019  |  Views: 20

Angular - Directive

Prashant Surya  |   Nov 4, 2019  |  Views: 24

Angular - Decorators

Prashant Surya  |   Nov 4, 2019  |  Views: 30

Angular - Module

Prashant Surya  |   Nov 3, 2019  |  Views: 54

Angular - Component

Prashant Surya  |   Nov 3, 2019  |  Views: 67

Angular - Life Cycle

Prashant Surya  |   Nov 3, 2019  |  Views: 57

Angular - Compilation

Prashant Surya  |   Nov 3, 2019  |  Views: 74

Angular - Building blocks

Prashant Surya  |   Nov 3, 2019  |  Views: 67

Angular - Benefits

Prashant Surya  |   Nov 3, 2019  |  Views: 75

Angular - Installation

Prashant Surya  |   Nov 2, 2019  |  Views: 211

Angular - Introduction

Prashant Surya  |   Nov 2, 2019  |  Views: 496

Want to sell your software ?-

If you want to sell your readymade software to the genuine clients or businessman, list your software with details and demo links.

  • Sell ERP
  • Sell Website Clones
  • Sell App Clones
  • Sell Readymade Portals
  • Sell Readymade Websites
  • Sell Mobile Apps
  • Sell Window Apps

Clients will find it using our advanced search filter and will contact you directly.

No any charge for the product lsiting.

Do you own a Company ?+

Property.sale

Buy or Sell Commercial Property+

Are you a freelancer ?+

Looking for a job ?+

Are you a Service Provider ?+

Are you a blogger ?+

Do you own an IT Institute ?+



Property.sale