The NgIf directive is used when you want to display or remove an element based on a condition.If the condition is false the element the directive is attached to will be removed from the DOM.The syntax is: *ngIf=""The [ngSwitch] directive on a container specifies an expression to match against. The expressions to match are provided by ngSwitchCase directives on views within the container.Every view that matches is rendered. If there are no matches, a view with the ngSwitchDefault directive is rendered. Elements within the [NgSwitch] statement but outside of any NgSwitchCase or ngSwitchDefault directive are preserved at the location.Example: Three things to keep in mind ngSwitch, ngSwitchCase and ngSwitchDefault.ngSwitch - set the property value of model. For example - viewMode, which is a property in your component.ngSwitchCase - Defines what to render when the value of the property defined in ngSwitchChanges. For ex. when viewMode = 'map'ngSwitchDefault - Defines what to render if the value doesn't match. For ex. when viewMode=undefined. The default will be rendered.Another important point is that we need to set the [ngSwitchCase] within a HTML element otherwise it will not work. Angularwill automatically convert it into a