4

非表示にするだけで、却下されたときに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から削除されるため、その後新しいメッセージは表示されません。

4

3 に答える 3

4

if.bind の他に、show.bind( manual ) もあります。または、 を使用してデフォルトの隠し属性にバインドできますhidden.bind。

Matt が述べたように、文字列補間を使用して CSS クラスを手動で追加することもできます${!message ? 'hidden': ''}

于 2015-05-29T12:06:46.760 に答える
3

私だったら多分こうする…

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

そしてjsで

dismiss() {
    this.dismissed = this.dismissed? true: false;
}

それを行うためのよりクリーンな方法があれば、私はそれを聞きたいです:)

于 2015-05-29T10:38:48.283 に答える