在Knockout中设置Observable的值不更新

Question

(每天都有大量的问题链接回原因为什么我不能设置我的观察值,而不是有这么多不同的答案说同样的事情,我想创建一个问题,以回顾每个人)

Knockout Observable/Observable Array的设置值不会更新

设置我的observable observableArray的值不会更新!

将项添加到Observable Array

为什么我不能将项添加到我的Knockout可观察数组中？

Answer 1

Knockout Observable/Observable Array的设置值不会更新

您需要使用setter函数来更新observable/observableArray的值 -

防爆.1(可观察) -

var name = 'John';
var myValue = ko.observable();
myValue(name); // Set myValue equal to John, update any subscribers

var newObservable = ko.observable('Bill');
myValue(newObservable()); // Set myValue equal to the value of newObservable, which is Bill

防爆.2(observableArray) -

var names = ['John', 'William', 'Dave'];
var myArray = ko.observableArray();
myArray(names); // Set myArray equal to the array of names John, update any subscribers

var newArray = ko.observableArray(['Sanford']);
myArray(newArray()); // Makes a clone of the array

注意请参阅此问题以了解为什么这可能不是您要做的 - 在knockoutJS中克隆/复制observablearray的最佳方法是什么？

将项添加到Observable Array

您需要将项目推送到observableArray,而不是 observableArray 的基础值 -

var name = 'John';
var myValue = ko.observable(name);
var myArray = ko.observableArray();
myValue.push(myValue()); // Add myValue to my observableArray**

创建要在视图模型中使用/共享的模型

您可以创建可在模型中使用的可重用模型.这类似于在C#中使用类来创建具有公共属性的对象.

function objectModel(item) {
    var self = this;
    self.Name = ko.observable(item.name);
    self.Description = ko.observable(item.description);
}

哪个可以像 -

var object = {
    name: 'John',
    description: 'a person'
}

var john = new objectModel(object);

这也可以通过参数而不仅仅是对象来完成 -

function objectModel(name, description) {
    var self = this;
    self.Name = ko.observable(name);
    self.Description = ko.observable(description);
}

var john = new objectModel('John', 'a person');