有條件地新增或刪除 HTML 元素

與使用 if.bind 時的 show.bind 不同，如果提供的繫結值為 false，則元素將從頁面中刪除，如果值為 true，則將元素新增到頁面中。

export class MyViewModel {
    isVisible = false;
}

<template>
    <div if.bind="isVisible"><strong>If you can read this, I am still here.</strong></div>
</template>

分組元素

有時，你可能希望一次新增或刪除整組元素。為此，我們可以使用 <template> 元素來顯示或隱藏其他元素，而無需像 DIV 這樣的佔位符元素。

export class MyViewModel {
    hasErrors = false;
    errorMessage = '';
}

<template if.bind="hasErrors">
    <i class="icon error"></i>
    ${errorMessage}
</template>