基於用戶

Question

HotTowel迪朗達爾進樣不同的看法在shell.html爲HotTowel模板，我們有：

<!--ko compose: {model: router.activeItem, 
     afterCompose: router.afterCompose, 
     transition: 'entrance'} --> 
    <!--/ko--> 

，它會自動插入按照慣例適當的視圖。我正在嘗試根據用戶在HotTowel/Durandal應用程序中的角色注入不同的視圖。例如， 我有兩個意見，

1. productEditor_Admin.html
2. productEditor_Superviser.html （而不是上述兩種觀點，我以前只有productEditor.html，按照慣例一切工作）

和僅單個視圖模型：

1. productEditor.js

現在，我想在productEditor.js中有一個函數，讓我根據用戶的角色決定插入哪個視圖。我在Composition documentation中看到，我們可以做function strategy(settings) : promise，但我不確定在HotTowel模板中完成此操作的最佳方法是什麼。任何人都已經嘗試過並得到了答案？

Answer 1

有可能在視圖模型中返回一個'viewUrl'屬性，所以希望下面的東西能打開門;-)。

define(function() { 
    viewUrl = function() { 
     var role = 'role2'; //Hardcoded for demo 

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

     return roleViewMap[role]; 

    } 

    return { 
     viewUrl: viewUrl(), 
     propertyOne: 'This is a databound property from the root context.', 
     propertyTwo: 'This property demonstrates that binding contexts flow through composed views.' 
    }; 
}); 

Answer 2

你看過John Papa在PluralSight上的JumpStart課程嗎？

看從這裏應用程序的源代碼：https://github.com/johnpapa/PluralsightSpaJumpStartFinal

在app/Config.js文件他補充道等航線它是可見的默認情況下爲：

var routes = [{ 
     url: 'sessions', 
     moduleId: 'viewmodels/sessions', 
     name: 'Sessions', 
     visible: true, 
     caption: 'Sessions', 
     settings: { caption: '<i class="icon-book"></i> Sessions' } 
     }, { 
     url: 'speakers', 
     moduleId: 'viewmodels/speakers', 
     name: 'Speakers', 
     caption: 'Speakers', 
     visible: true, 
     settings: { caption: '<i class="icon-user"></i> Speakers' } 
     }, { 
     url: 'sessiondetail/:id', 
     moduleId: 'viewmodels/sessiondetail', 
     name: 'Edit Session', 
     caption: 'Edit Session', 
     visible: false 
    }, { 
     url: 'sessionadd', 
     moduleId: 'viewmodels/sessionadd', 
     name: 'Add Session', 
     visible: false, 
     caption: 'Add Session', 
     settings: { admin: true, caption: '<i class="icon-plus"></i> Add Session' } 
    }]; 

可以路由添加到兩這裏的視圖使用相同的邏輯，然後在您的productEditor.js中，您可以決定使用router.navigateTo（）方法導航到哪個視圖並導航到該視圖。