Chrome尝试刷新淘汰视图模型时，Chrome抛出未捕获的错误：NOT_FOUND_ERR：DOM异常8错误

Question

我正在执行一个jquery ajax调用，该调用返回购物车并

function LoadCart(callback) {
  $.ajax({
    .....removed....

    success: function(cart) {
       callback(cart);
    }
  })
}

我有一个设置视图模型的函数，并具有Knockout应用绑定。

function SetupViewModel(cart) {
  cartViewModel = new CartViewModel(cart);
  ko.applyBindings(cartViewModel);
}

当页面加载时，这工作得很好。

但是当他们从购物车中删除商品时。

var CartViewModel = function(data) {

  .....removed....
  self.deleteCartLine = function(cart) {
    $.ajax({
      ...removed
      success: function(response) {
         $.jGrowl(response.Message, jGrowlOptions)
         loadCart(SetupViewModel);
      }   
    }
  }
}

我尝试加载购物车并再次设置CartViewModel。 这是当我收到NOT_FOUND_ERR DOM Exception 8错误时。

这是因为我试图从viewModel本身内部执行刷新（即，在现有CartViewModel之后需要调用LoadCart吗？

注意我知道淘汰赛提供了动态更新，您可能会想知道为什么您需要再次检索购物车。 但是，我不想在两个地方（视图模型和服务器端）都执行服务器端计算-因此，再次抓住购物车并更新视图模型会更容易。

Answer 1

对于DOM错误问题，我怀疑您在HTML中错误地设置了绑定，或者由于替换视图模型而遇到冲突。

不要替换您的视图模型。 只是更新它。 淘汰赛实际上是设计用于更新数据而不是替换数据的。