0

该页面绑定到页面视图模型，并且在页面内部我加载了一个绑定到它自己的视图模型的客户端视图。我尝试将事物分开，因此页面视图模型只知道客户端视图的名称，并且不直接与客户端视图模型通信。所以页面视图看起来像：

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

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

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

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

我正在使用 Durandal 2.0。

4

1 回答 1

1

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

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


    return myObj;
});

如果您稍后决定想要更紧密的耦合，您也可以向 myObj 添加一些共享的 observable。

于 2013-10-13T15:24:20.957 回答