我有一个单页应用程序,它使用knockout进行数据绑定。我的单页面应用程序中的CAApproval.html视图在viewmodel代码中有一个名为AllCertificates的observeablearray。它在页面上填充得很好。当您通过单击页面的navigation.html部分中的链接离开视图然后返回到CAApproval页面时,previouse访问中的值仍然在AllCertificates observableArray中,因此显示在CAApproval视图中。
每次用户返回使用该observablearray的CAApproval页面时,我都需要清除AllCertificates observablearray的内容,这样如果用户离开页面并返回,则observablearray的内容为null,因此没有数据显示在屏幕上。以下是我的viewmodel代码的重点 -
define(['services/logger', 'durandal/system', 'durandal/plugins/router', 'services/CertificateDataService','controls/Lucas'],
function(logger, system, router, CertificateDataService) {
var allCertificates = ko.observableArray([]);
var activate = function () {
// go get local data, if we have it
return SelectAllCerts(),SelectMyCerts(), GetCertificateDetails(), GetDDABankNums();
};
var vm = {
activate: activate,
allCertificates: allCertificates,
SelectAllCerts: SelectAllCerts
});
return vm;
function SelectAllCerts() {
return CertificateDataService.getallCertificates(allCertificates);
}
});
每次用户访问该页面时,如何清除observablearray的内容(不是在页面内导航时,只有当用户来自单独的页面时才清除observablearray)?
答案 0 :(得分:72)
同样淘汰赛observableArray
也有一些有趣的方法。致电removeAll
清除所有项目。
查看官方网站observable array manual。
self.mycertificates = ko.observableArray(['C1', 'C2']);
self.mycertificates.removeAll();
答案 1 :(得分:41)
只需在激活函数中将其设置为空(allCertificates([])
),每次加载视图模型时都会调用它 -
function(logger, system, router, CertificateDataService) {
var allCertificates = ko.observableArray();
var activate = function () {
allCertificates([]);
// go get local data, if we have it
return SelectAllCerts(),SelectMyCerts(), GetCertificateDetails(), GetDDABankNums();
};
var vm = {
activate: activate,
allCertificates: allCertificates,
SelectAllCerts: SelectAllCerts
});
答案 2 :(得分:4)
Jeremy T(评论空间不足) 第一个原因,对我来说绝对是为了达到预期目的而存在公开的API。
但要估算性能,您可以查看来源。 “observableArray”也是“可观察的”,其中附加的函数被注入到对象中。
所以初始化看起来像这样:
ko.observableArray = function (initialValues) {
initialValues = initialValues || [];
if (typeof initialValues != 'object' || !('length' in initialValues))
throw new Error("The argument passed when initializing an observable array must be an array, or null, or undefined.");
var result = ko.observable(initialValues);
ko.utils.extend(result, ko.observableArray['fn']);
return result.extend({'trackArrayChanges':true});
};
ko.observable = function (initialValue) {
var _latestValue = initialValue;
function observable() {
if (arguments.length > 0) {
// Write
// Ignore writes if the value hasn't changed
if (!observable['equalityComparer'] || !observable['equalityComparer'](_latestValue, arguments[0])) {
observable.valueWillMutate();
_latestValue = arguments[0];
if (DEBUG) observable._latestValue = _latestValue;
observable.valueHasMutated();
}
return this; // Permits chained assignments
}
else {
// Read
ko.dependencyDetection.registerDependency(observable); // The caller only needs to be notified of changes if they did a "read" operation
return _latestValue;
}
}
if (DEBUG) observable._latestValue = _latestValue;
ko.subscribable.call(observable);
observable.peek = function() { return _latestValue };
observable.valueHasMutated = function () { observable["notifySubscribers"](_latestValue); }
observable.valueWillMutate = function () { observable["notifySubscribers"](_latestValue, "beforeChange"); }
ko.utils.extend(observable, ko.observable['fn']);
ko.exportProperty(observable, 'peek', observable.peek);
ko.exportProperty(observable, "valueHasMutated", observable.valueHasMutated);
ko.exportProperty(observable, "valueWillMutate", observable.valueWillMutate);
return observable;
}
删除所有元素如下:
'removeAll': function (arrayOfValues) {
// If you passed zero args, we remove everything
if (arrayOfValues === undefined) {
var underlyingArray = this.peek();
var allValues = underlyingArray.slice(0);
this.valueWillMutate();
underlyingArray.splice(0, underlyingArray.length);
this.valueHasMutated();
return allValues;
}
// If you passed an arg, we interpret it as an array of entries to remove
if (!arrayOfValues)
return [];
return this['remove'](function (value) {
return ko.utils.arrayIndexOf(arrayOfValues, value) >= 0;
});
}
答案 3 :(得分:1)
初始化数组变量
self.allCertificates = ko.observableArray([])
删除数组的所有值
self.allCertificates.removeAll()