Skip to main content

Angular 7 Structural Directive - *ngif - Two Ways of Using

Angular 7 Structural Directive - *ngif - Two Ways of Using

true vs !true

app.component.html
<button class="btn btn-primary" (click)="onSaving()">Save</button>
<h3 *ngIf="displaystatus">{{ firstname }} {{ lastname }}</h3>
<h3 *ngIf="!displaystatus">Enter something</h3>

*ngif else

app.component.html
<h3 *ngIf="!displaystatus; else nodisplay">Enter something</h3>
<ng-template #nodisplay>
<h3>{{ firstname }} {{ lastname }}</h3>
</ng-template>
app.component.ts
onSaving() {
this.displaystatus = true;
}

Comments

Post a Comment

Popular posts from this blog

Difference between .exec() and .execPopulate() in Mongoose?

Here I answer what is the difference between .exec() and .execPopulate() in Mongoose? .exec() is used with a query while .execPopulate() is used with a document Syntax for .exec() is as follows: Model.query() . populate ( 'field' ) . exec () // returns promise . then ( function ( document ) { console . log ( document ); }); Syntax for .execPopulate() is as follows: fetchedDocument . populate ( 'field' ) . execPopulate () // returns promise . then ( function ( document ) { console . log ( document ); }); When working with individual document use .execPopulate(), for model query use .exec(). Both returns a promise. One can do without .exec() or .execPopulate() but then has to pass a callback in populate.
1 comment
Read more

Two Ways of rendering in React Examples

Two Ways of rendering in React Examples 1 - Render twice HTML < div id = "p1" ></ div > < div id = "p2" ></ div > CSS . person { display : inline - block ; margin : 10px ; border : 1px solid # eee ; box - shadow : 0 2px 2px # ccc ; } JAVASCRIPT (Babel) function Person ( props ) { return ( < div className = ' person "> < h1 >{ props . name }</ h1 > < p > Age :{ props . age }</ p > </ div > ); } ReactDOM . render (< Person name = "VK" age = "29" />, document . querySselector ( '#p1' )); ReactDOM . render (< Person name = "HK" age = "28" />, document . querySselector ( '#p2' )); 2 Render all at once HTML < div id = "app" ></ div > CSS . person { display : inline - block ; margin : 1...
Post a Comment
Read more

Python - Create and Activate Virtual Environment in Python

🐍 Here is how to use Virtual Environment in Python Install Virtual Environment pip install virtualenv Create a Virtual Environment and name it "venv" in python 2.7 virtualenv venv --python=python2.7 Activate venv source venv/bin/activate Install Flask-RESTful and Flask in venv pip install flask pip install flask-restful Deactivate venv deactivate
Post a Comment
Read more