twitter-bootstrap - 在 Bootstrap 中隐藏可忽略的警报

Question

我可以告诉一个可解雇的警报只隐藏，而不是在解雇时将自己从dom中删除吗？

<div class="alert alert-success alert-dismissible fade in" role="alert" if.bind="message">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <strong>Success!</strong> ${message}
</div>

问题是我现在没有将 jQuery 用于任何事情。我需要 aurelia 根据 message 的标志或存在来显示/隐藏它.

它工作一次，但一旦我关闭它，它就会从 DOM 中删除，因此之后不会出现新消息。

Answer 1

除了 if.bind，还有一个 show.bind ( manual ) 或者您可以使用 hidden.bind 绑定(bind)到默认隐藏属性.

正如 Matt 所说，您也可以使用字符串插值手动添加 CSS 类 ${!message ? 'hidden': ''}