Knockout JS removeAll() 第二次调用失败

Question

在我的视图模型中，我有几个方法可以重置可观察数组中的数据。当我第一次单击调用newGame 方法的按钮时，一切正常。但是，我第二次单击该按钮时出现 javascript 错误。

    self.newGame = function () {
        // reset the zones
        self.resetBoardState();

        // more stuff here but clipped for brevity ...
    }

    self.resetBoardState = function () {
        // clear all zones...
        self.library.removeAll();

        // place all cards in deck into library ...
        self.library = JSON.parse(JSON.stringify(self.deck));
    }

我在 javascript 控制台中遇到的错误是：

Uncaught TypeError: Object [object Array] has no method 'removeAll'

我在这里有一个JS Fiddle，因此可以看到整个视图模型。如果您第一次单击“新游戏”按钮，一切正常。您也可以单击“抽卡”按钮，它的行为也正常。但是，单击“Mulligan”按钮会导致与再次单击“New Game”相同的错误。

我可以做些什么来获得这个功能？

Answer 1

self.library 最初是一个 observableArray，但是您的重置会将其变成一个普通数组。相反，只需设置现有 observable 的值。

换行

self.library = JSON.parse(JSON.stringify(self.deck));

与

self.library(JSON.parse(JSON.stringify(self.deck)));