如果孩子空/被移除,Knockout.Js隐藏父母

时间:2015-04-02 00:02:54

标签: javascript jquery knockout.js

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

所以,我有以下(关闭省略)

            <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存在。

欢迎任何建议。

提前致谢。

1 个答案:

答案 0 :(得分:2)

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