aurelia Binding Conditionally Show & Hide a HTML Element

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Extensions
> Step 2: And Like the video. BONUS: You can also share it!

Example

When using show.bind the element remains in the page and is either hidden or visible through the use of display:none or display:block behind the scenes.

export class MyViewModel {
    isVisible = false;
}
<template>
    <div show.bind="isVisible"><strong>I can be both hidden or visible, but not at the same time</strong></div>
</template>


Got any aurelia Question?