有条件地添加或删除 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>