Angular 4 and 5:
using else
:
<div *ngIf="isValid;else other_content"> content here ... </div> <ng-template #other_content>other content here...</ng-template>
you can also use then else
:
<div *ngIf="isValid;then content else other_content">here is ignored</div> <ng-template #content>content here...</ng-template> <ng-template #other_content>other content here...</ng-template>
or then
alone :
<div *ngIf="isValid;then content"></div> <ng-template #content>content here...</ng-template>
Demo :
Details:
<ng-template>
: is Angular’s own implementation of the <template>
tag which is according to MDN :
The HTML
<template>
element is a mechanism for holding client-side content that is not to be rendered when a page is loaded but may subsequently be instantiated during runtime using JavaScript.
Related Posts:
- What is the equivalent of ngShow and ngHide in Angular 2+?
- Could not find module “@angular-devkit/build-angular”
- Angular: conditional class with *ngClass
- Difference between Constructor and ngOnInit
- AngularJS vs Angular [closed]
- When to use ‘npm start’ and when to use ‘ng serve’?
- Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- ExpressionChangedAfterItHasBeenCheckedError Explained
- Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- ngFor with index as value in attribute
- How to upgrade Angular CLI to the latest version
- What is pipe for in RxJS?
- Angular: Get current index in ngFor
- What is .subscribe in Angular?
- BehaviorSubject vs Observable?
- Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
- ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
- What is the difference between Promises and Observables?
- mat-form-field must contain a MatFormFieldControl
- formSelect() method in materialize does’nt work in angular 6 inputs
- ERROR Error: No value accessor for form control with unspecified name attribute on switch
- form control error:ERROR Error: No value accessor for form control with unspecified name attribute
- You seem to not be depending on “@angular/core” and/or “rxjs”. This is an error
- ‘ng’ is not recognized as an internal or external command, operable program or batch file
- Kendo Angular Chart change legend position based on size
- Angular: conditional class with *ngClass
- Unexpected value ‘undefined’ declared by the module ‘AppModule’
- Angular: conditional class with *ngClass
- Where to place/find the systemjs.config.js file in an angularJS2 project?
- ng serve does not work
- document.getElementById replacement in angular4 / typescript?
- how to refresh page in angular 2
- TS1086: An accessor cannot be declared in ambient context
- Property ‘map’ does not exist on type ‘Observable
‘ - Angular2 Error: There is no directive with “exportAs” set to “ngForm”
- ‘router-outlet’ is not a known element
- Angular 2 Cannot read property ‘config’ of null
- Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
- Set focus on element
- Cleanest way to reset forms
- Angular2 CLI error “@angular/compiler-cli” package was not properly installed
- Angular2 – How to create a simple table
- No provider for HttpClient
- Angular material Could not find Angular Material core theme
- Angular EXCEPTION: No provider for Http
- Error : Cannot find primary outlet to load
- cannot find module ‘@angular/http’?
- Templating with href in angular (4)
- How to implement sleep function in TypeScript?
- File Upload In Angular?
- is there any alternative for ng-disabled in angular2?
- Angular 2.0 and Modal Dialog
- Cannot find module ‘@angular/compiler’
- Implement session storage in an Angular 8 application
- Angular 2 [hidden] does not seem to be working?
- Local workspace file (‘angular.json’) could not be found. But same code works in another computer
- Can’t bind to ‘routerLink’ since it isn’t a known property
- How to use bootstrap 4 in angular 2?
- You have to be inside an angular-cli project in order to use the serve command
- How to get current route
- Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
- Angular error: Please add a @NgModule annotation
- How to enable production mode?
- Angular 5: “No provider for ControlContainer”
- Getting No provider for NgControl Error after adding ReactiveFormsModule to my angular 4 app
- How to use `trackBy` with `ngFor`
- Angular routerLink does not navigate to the corresponding component
- How to use jQuery with Angular?
- Mask for an Input to allow phone numbers?
- What is the best way to delete a component with CLI
- GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
- Angular design pattern: MVC, MVVM or MV*?
- Module has no exported member error in angular module
- Check if Variable is Empty – Angular 2
- Angular 2 multiple modules
- Electron – Not allowed to load local resource
- How to apply filters to *ngFor?
- Select default option value from typescript angular 6
- angular-cli where is webpack.config.js file – new angular6 does not support ng eject
- Pig Latin Translator
- && (AND) and || (OR) in IF statements
- Angular: ‘Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays’
- Python’s equivalent of && (logical-and) in an if-statement
- Interpreting “condition has length > 1” warning from `if` function
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Angular, image not found (GET 404)
- Can not find module “@angular-devkit/build-angular”
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Is double square brackets [[ ]] preferable over single square brackets [ ] in Bash?
- Putting a simple if-then-else statement on one line [duplicate]
- How to write inline if statement for print?
- “If not” condition statement in python
- Expression must be a modifiable lvalue
- Python inline if statement
- if else in a list comprehension
- Missing write access in mac to /usr/local/lib/node_modules
- How to make “if not true condition”?
- if else in a list comprehension
- An “and” operator for an “if” statement in Bash
- SQL Server IF EXISTS THEN 1 ELSE 2