Durandal：如何將配置數據從HTML主機傳遞給ViewModel？

Question

我正在使用Zend來生成我的主視圖主機。因此，它是在服務器端獲得解析的唯一HTML。我的服務器知道一個配置參數，我想一直傳遞給我的一個viewmodels。我不希望viewmodel通過ajax請求這些數據。

我該如何讓我的視圖通過main.js傳遞數據，通過shell，直到我在durandal中的viewmodel？

現在我設定一個討厭的全球價值，然後引用，全球在我在我的index.phtml的ViewModels：

<script> 
     //This sucks, but i don't know how to pass stuff down into Durandal yet... 
     // 
     window.ServiceRoot = "<?=$this->contentRoot?>"; 
    </script> 

在一條直線KO的應用程序，我會剛剛通過它交給KO viewmodel構造函數（或設置observable屬性）。

從技術上說，我使用的是durandal 2.0預發行版，但我不認爲這很重要。我想我需要通過require.js腳本標記傳遞參數，就像我會主參數。

Answer 1

我建議你添加一個config.js模塊來保存你的「配置」數據。添加一個初始化函數以從服務器獲取配置數據並緩存它。

然後...在你的shell.js的激活函數中，在綁定你的視圖之前初始化配置。

然後，您可以在您的所有視圖模型中要求您的配置模塊，並且它只會返回緩存的數據。

config.js

define(['dataaccessmodule'], function (dataaccessmodule) { 
    var config = 
     { 
      serviceRoot: null, 
      init: init 
     }; 

    var init= function() 
    { 
     // get config from server and set serviceRoot; 
     // return a promise 
    }; 
    return config; 
}); 

shell.js

define([... your required modules..., 'config'], 
    function (..., config) { 

     function activate() { 
      return config.init().then(boot); 
     }; 
     function boot() { 
      // set up routing etc... 

      // activate the required route 
      return router.activate('home'); 
     }; 
}); 

someViewModel.js

define([... your required modules..., 'config'], 
    function (..., config) { 
     var someViewModel = 
     { 
      serviceRoot: config.serviceRoot 
     }; 

     return someViewModel; 
    }); 

我知道你所述T您不希望通過ajax加載數據，但使用這種方法，您只需加載一次並重新使用它。如果需要，您也可以加載額外的配置。這很好地使用單一職責原則分離代碼。

編輯：

如果你真的需要做的是在渲染頁面，你可以沿着這些路線做一些事情：

<script> 
var myapp = myapp || {}; 

myapp.config= (function() { 

    var contentRoot = "<?=$this->contentRoot?>"; 
    return { 
     contentRoot: contentRoot 
    }; 
})(); 
</script> 

然後，在你main.js，定義之前主模塊，可以短路它使用：

define('appconfig', [], function() { return myapp.config; }); 

然後，您可以要求您的視圖模型了AppConfig模塊，你通常W¯¯應該使用appconfig.contentRoot訪問contentRoot。