javascript - Durandal - 在 View 模型中为模块指定 View

Question

我正在尝试寻找一种方法来为 View 模型指定 View 的位置。我有一组 viewModel，它们都有一个共同的祖先。

我希望它们都使用相同的 View ，该 View 本身将使用动态组合构建页面。

谢谢

Answer 1

在 http://durandaljs.com/documentation/View-Locator/ 查看 Durandal 的 View 定位器文档

如果我正确理解您的要求，那么向 vms 添加 getView() 函数或 viewUrl 属性应该可以完成这项工作。

getView() 示例(通过为每个虚拟机添加多个 View 来做与您想要的相反的事情，但您明白了)。

http://dfiddle.github.io/dFiddle-1.2/#/view-composition/getView

var getView = ko.computed(function(){
    var roleViewMap = {
      'default': 'viewComposition/getView/index.html',
      role1: 'viewComposition/getView/role1.html',
      role2: 'viewComposition/getView/role2.html'
    };

    this.role = (role() || 'default');

    return roleViewMap[this.role];
});

viewUrl 例子

http://dfiddle.github.io/dFiddle-1.2/#/view-composition/SO16483013

function viewUrl(){
 this.role = (role() || 'default');

     var roleViewMap = {
       'default': 'samples/viewComposition/SO16483013/index.html',
       role1: 'samples/viewComposition/SO16483013/role1.html',
       role2: 'samples/viewComposition/SO16483013/role2.html'
     };

     return roleViewMap[this.role];
}