淘汰赛嵌套html元素

Question

我使用嵌套的HTML元素如下

<ul class="result-list" data-bind="foreach: newsData"> 
    <li> 
     <a class="big-link" data-bind="text: Title, attr: { href: Url }"></a> 
     <div data-bind="html: Content"></div> 
     <div class="meta" data-bind="text: PublishDate"> 
      <span class="time" data-bind="text: PublishTime"></span> 
      <span class="changed" data-bind="text: ChangedDate, visible: IsChanged"> 
       <span class="time" data-bind="text: ChangedTime"></span> 
      </span> 
     </div> 
    </li> 
</ul> 

JSON的时候有淘汰赛绑定的一些问题，结合

var sample = [{ 
    "Id": 80055, 
    "Title": "Not changed!", 
    "Content": "<p>Curabitur eget euismod mi. Cras mollis augue a massa porttitor posuere. Quisque tempus justo vel orci venenatis lobortis.</p>", 
    "Url": "/asd/Not-changed/", 
    "PublishDate": "28. mars 2014", 
    "PublishTime": "Kl 01:30", 
    "IsChanged": false, 
    "ChangedDate": "28. mars 2014", 
    "ChangedTime": "Kl 01:30" 
}, { 
    "Id": 80046, 
    "Title": "Ny artikkel", 
    "Content": "<p>This is content</p>\n<p>Demo</p>", 
    "Url": "/asd/Ny-artikkel/", 
    "PublishDate": "4. mars 2014", 
    "PublishTime": "Kl 12:00", 
    "IsChanged": true, 
    "ChangedDate": "24. mars 2014", 
    "ChangedTime": "Kl 04:47" 
}]; 

它结合以及下降到PublishDate但似乎覆盖所有子元素。任何建议如何解决这个问题？

Answer 1

从Knockout docs阅读文本装订：

淘汰赛设置元素的内容文本节点与参数 值。 先前的任何内容都将被覆盖

您可能需要写子元素来容纳这些数据绑定：

<ul class="result-list" data-bind="foreach: newsData"> 
    <li> 
     <a class="big-link" data-bind="text: Title, attr: { href: Url }"></a> 
     <div data-bind="html: Content"></div> 
     <div class="meta"> 
      <span data-bind="text: PublishDate"></span> 
      <span class="time" data-bind="text: PublishTime"></span> 
      <span class="changed"> 
       <span data-bind="text: ChangedDate, visible: IsChanged"></span> 
       <span class="time" data-bind="text: ChangedTime"></span> 
      </span> 
     </div> 
    </li> 
</ul>