用新的数据更新HTML Knockout.js

Question

我retreiving使用的getJSON

function getDaysMeals(dayid) 
    {   
     $.getJSON('jsonchoose/'+ dayid +'', function(data) { 
       var viewModel = { 
        dayMeals: ko.observableArray(data) 
       }; 
       ko.applyBindings(viewModel); 
      }); 

    } 

我已经点击触发事件，$ .getJson与“大卫·”来获得新数据的新数据。

我正试图用新数据更新表格 - 此刻它每次都向现有数据添加数据。

<table> 
<tbody data-bind="foreach: dayMeals"> 
    <tr> 
    <td data-bind="text: description" class="display-meal"></td> 
    <td data-bind="text: measure" class="display-meal"></td> 
    <td data-bind="text: total_cal" class="display-meal"></td> 
    </tr> 
</tbody> 

Answer 1

在代码applybindings是越来越调用每次调用的getJSON时间（）。

您应该只调用一次applybindings。可能你可以将applyBindings（）移动到初始化位置，或者有条件地调用它一次。

//Make necessary changes as per your requirement. 
var viewModel; 

function onLoad() 
{ 
viewModel = { dayMeals: ko.observableArray([]) }; 
ko.applyBindings(viewModel); 
} 

function getDaysMeals(dayid) 
{   
    $.getJSON('jsonchoose/'+ dayid +'', function(data) { 
    // This is just for reference. Minor change may be required. 
    viewModel.dayMeals(data); 
    }); 
}