Knockout.Js隱藏父項如果子項爲空/刪除

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 -->