根据杜兰达尔中客户端视图模型的状态在页面视图模型中设置属性

Set property in page view model depending on state of client view model in Durandal

本文关键字：视图 模型 设置 属性 状态 杜兰达 客户端      更新时间：2023-09-26

页面绑定到页面视图模型，在页面内部我加载绑定到它自己的视图模型的客户端视图。我尝试将事情分开，以便页面视图模型只知道客户端视图的名称，并且不直接与客户视图模型通信。因此，页面视图如下所示：

<div>
    <div data-bind="compose:client"></div> <!-- client is an observable of type string -->
</div>
<!-- some more bindings -->

但是我需要根据客户端视图模型的状态更新页面视图模型上的某些属性，因为这些属性绑定到页面视图(而不是客户端视图(。最好的方法是什么？我应该在客户端视图模型中使用 app.triger 并在页面视图模型中侦听吗？最好只绑定到客户端视图模型(页面视图模型client属性将是对象或函数而不是字符串(，并通过公共接口直接从页面视图模型与当前客户端视图模型通信，以获取客户端视图模型的状态并计算页面视图模型上的一些属性？那里有哪些最佳实践？

此外，我会尽量避免使用preserveContext:true因为这似乎是最不干净的选项。

如果这很重要，我不使用路由，因为路由在该页面上没有用。我正在从页面视图模型中手动更改client属性。

我在杜兰达尔 2.0 上。

Pub/sub 似乎是最好的方法，因为您已经指出视图模型应该分开。与其使用应用程序进行通信，不如考虑创建一个在客户端/页面之间共享的小模块

define(['durandal/events'],function(Events) {
    var myObj = { ... };
    Events.includeIn(myObj);

    return myObj;
});

如果你后来决定想要一些更紧密的耦合，你也可以向myObj添加一些共享的可观察量。

相关文章：