如何在 Durandal 中禁用缓存视图

Question

我有一个视图模型：

define(['knockout'], function (ko) {
        var self, albumWrapper;

        albumWrapper = function () {
            self = this;

            // get album name from url parameter
            var albumName = routerWrapper.router.activeInstruction().params[0];
            self.retrieveAlbum(albumName);
        };

        albumWrapper.prototype = {
            retrieveAlbum: function (name) {
                /* do something to retrieve data */
            }
        }

        return new albumWrapper();
    });

我通过这个 url 配置路由去这个视图：#gallery/album/:name

但是当参数(/:name)被这段代码改变时：

window.location.href = '#gallery/album/' + data.name();

这个视图模型只是第一次出现，所以我无法检索任何新专辑。我认为这个问题是因为缓存视图，但我不确定。 请帮我解决这个问题。在这种情况下，我使用 durandal。

Answer 1

我认为您的问题不是缓存，我认为这与您设置视图模型的方式有关。据我所知，durandal 将第一次解析您的视图并使用您上面的代码来创建视图模型。返回 new albumWrapper() 将导致您的视图模型成为单例。构造函数只会在第一次被调用，并且永远不会再被调用。您可以尝试在 albumWrapper() 之前删除 new 关键字以返回函数而不是它的新实例。这样，durandal 每次都会创建一个新的视图模型，这应该会导致构造函数中的代码每次都运行。尽管更好的方法可能是使用激活功能并让模块生命周期为您工作。请参阅以下更改：

define(['knockout'], function (ko) {
    var self, albumWrapper;

    albumWrapper = function () {
        var self = this;

        self.CurrentAlbum = ko.observable();
    };

    albumWrapper.prototype = {
        retrieveAlbum: function (name) {
            /* do something to retrieve data */
        },
        activate: function(name) {
            var self = this;    
            var selectedAlbum = self.retrieveAlbum(name);
            self.CurrentAlbum(selectedAlbum);
        }
    }

    return albumWrapper();
});

现在 durandal 应该获得一个视图实例，但每次请求路由时都会使用任何路由参数调用激活函数。还添加了一个名为 Current Album 的可观察字段，您可以将视图元素绑定到该字段。离开路线并不会导致视图实例像网页一样从内存中删除，它只是坐在那里直到您下次再次导航到路线时，更像是桌面应用程序交换屏幕。每次导航都会调用 activate 函数，让您可以在路线上设置新专辑名称的视图。假设retrieveAlbum 函数返回一个具有名称、日期、艺术家等属性的专辑对象，您可以将其设置为Current Album observable 的值，这将自动更新您视图上的元素。在此处查看有关路由和视图生命周期的文档：

http://durandaljs.com/documentation/Using-The-Router.html

http://durandaljs.com/documentation/Hooking-Lifecycle-Callbacks.html

Answer 2

为可能正在寻找如何禁用 durandal 缓存的其他人发布此内容。

您可以在模块中将 cacheViews 设置为 false 以停止缓存，例如这个单例模块：

var vm = {};
vm.cacheViews = false;
return vm;

或者在上面的例子中：

    albumWrapper = function () {
        self = this;
        self.cacheViews = false;
        // get album name from url parameter
        var albumName = routerWrapper.router.activeInstruction().params[0];
        self.retrieveAlbum(albumName);
    };