用新的數據更新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); 
    }); 
}