javascript - 设置为本地存储 knockout 后更新 View

Question

我想插入数组并将其设置为 knockout 中的本地存储。到目前为止，一切都很好。据我想检索数据并推送新数据并将它们显示在 View 中。它不起作用。

    var viewModel = function() {
    var self = this;
    this.tags = ko.observable('');
    self.tempNum = ko.observableArray();
    self.tempNum = localStorage.getItem('tags') ? JSON.parse(localStorage.getItem('tags')) : []; // this line wont let data to be updated
    self.formSubmit = function(){
        var self = this;
        var num = checknum(self.tags().split(/[,;\n]+/));
        console.log(self.tempNum)
        localStorage.setItem('tags',ko.toJSON(num));
    }
    self.removeTags = function() {
        console.log("ada")
    }

    function checknum(item){
        for(var i = 0; i < item.length; i++){
            if(!isNaN(item[i]) && item[i] != ''){

                if(item[i] >= 0){
                    self.tempNum.push({value:item[i],color:"red"})
                }else{
                    self.tempNum.push({value:item[i],color:"blue"})
                }

            }
        }
        return self.tempNum
    }

};

ko.applyBindings(new viewModel());

实际上一切正常，当我添加此行时:

self.tempNum = localStorage.getItem('tags') ？ JSON.parse(localStorage.getItem('tags')) : [];

View 未更新。有什么建议吗？谢谢

Answer 1

我没有足够的声誉来添加评论，否则我会先在评论中询问您的 html 代码。

如果没有你的 html 代码，很难猜测你想要实现什么，但是当你添加这一行时

self.tempNum = localStorage.getItem('tags') ? JSON.parse(localStorage.getItem('tags')) : [];

在您的代码中，您将使用纯 JavaScript 数组替换 tempNum observable 数组，这样您的关联 View 就不会更新。

尝试用这个替换

self.tempNum(localStorage.getItem('tags') ? JSON.parse(localStorage.getItem('tags')) : []);

看看这是否有帮助