在我的 Knockout 视图模型中,我有一些属性,我试图在其中使哈希可观察。因此,而不是我的预淘汰赛代码
self.MyHash = {};
我现在正在使用:
self.MyHash = ko.observable({});
在我的代码的其他部分,我正在使用如下语句操作哈希:
// add an entry
self.MyHash()["test"] = "My Value";
// remove an entry
delete self.MyHash()["test"];
该代码有效,因为条目被正确添加和删除。但是,观察哈希表的代码区域似乎没有检测到哈希表的更改。例如,当我更改哈希表时,这个计算的 observable 永远不会运行:
self.Querystring = ko.computed(function ()
{
var f = [];
$.each(self.MyHash(), function (k, v)
{
f.push(encodeURIComponent(k) + '=' + encodeURIComponent(v));
});
return (f.length > 0) ? f.join("&") : "";
});
我猜这是因为 Knockout observables 需要是简单的变量(或 observableArrays),并且它没有检测到我的哈希表的底层变化。
如果是这样,还有其他选择吗?为什么 Knockout 中没有 observableHash 类型?
对于它的价值,我的解决方法是拥有一个 observableArray 的键和一个常规的 JavaScript 哈希表来查找值。然后我改变了我的计算方法来观察键数组,而不是我之前拥有的其他哈希表变量。我只是想确保我不会错过在 Knockout 中执行此操作的“正确方法”。
self.MyHashKeys = ko.observableArray();
self.MyHash = {};
self.Querystring = ko.computed(function ()
{
var f = [];
$.each(self.MyHashKeys(), function (index, value)
{
f.push(encodeURIComponent(value) + '=' + encodeURIComponent(self.MyHash[value]));
});
return (f.length > 0) ? f.join("&") : "";
});