Knockout.Js 隐藏 Parent if Child Empty/Removed

Question

我有点（数据）绑定（...糟糕的笑话）。

所以，我有以下（关闭省略）

            <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 绑定，具体取决于您是要将其从 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 -->

Knockout.Js 隐藏 Parent if Child Empty/Removed

Knockout.Js Hiding Parent if Child Empty/Removed

javascript

jquery

knockout.js