We have the code console.log("Hola!") .
Is this an expression or a statement?
An expression returns a value. The statement console.log("Hola!") does not return a value so it is not an expression.
The below code illustrates an expression.
const greeting = spanish ? "Hola!" : "Hi!";If spanish is true…
We have a header within a flex container that we want to expand as space allows and also to have a minimum width of 200px.
<div style="display: flex">
<div id="header">this is the header</div>
</div>Style the header div with flex: 1 0 200px; , which means flex-grow: 1 and so…
If the *isReady directive is is set to false , then we want to render a SpinnerComponent , otherwise we want to show the content contained within the element that the directive is declared on.
<h1><code>isReady</code> set to <code>true</code></h1>
<div *isReady="true">Content</div>
<h1><code>isReady</code> set to <code>false</code></h1>
<div *isReady="false">
<span>Display the spinner…
We wish to display an elements content only after after some application state is ready.
<h1><code>isReady</code> set to <code>true</code></h1>
<div>
<p *isReady="true">Content</p>
</div><h1><code>isReady</code> set to <code>false</code></h1>
<div >
<p *isReady="false">Content</p>
</div>
We could have easily done this with *ngIf , but this approach can be adapted to more specific…
