javascript - Knockout.Js 在子项为空/移除时隐藏父项

Question

我有点(数据)绑定(bind)(...糟糕的笑话)。

所以，我有以下内容(关闭省略)

            <div id="allMessages" data-bind="foreach: filteredMessagesTime">
            <div class="messageHolder">
                <div class="messageBody">
                <div class="messageFooter">
                    <div class="commentSection">
                        <ul class="ulIterator" data-bind="foreach: $root.filteredCommentsTime(MessageComments)">
                            <li class="commentHolder">

我只想在我确实有评论时显示 messageHolder，即 commentHolder 存在。

欢迎提出任何建议。

提前致谢。

Answer 1

使用 if 或 visible 绑定(bind)，具体取决于您是要将其从 DOM 中删除还是仅隐藏它。

<div id="allMessages" data-bind="foreach: filteredMessagesTime">
    <!-- ko if: $root.filteredCommentsTime(MessageComments).length > 0 -->
        <div class="messageHolder">
            <div class="messageBody">
                <div class="messageFooter">
                    <div class="commentSection">
                        <ul class="ulIterator" data-bind="foreach: $root.filteredCommentsTime(MessageComments)">
                            <li class="commentHolder">
        ....................
    <!-- /ko -->