將參數傳遞給Require.js模塊

我有一個頁面，我需要從中獲取id並將它們傳遞給require.js模塊。將參數傳遞給Require.js模塊

所以鏈接到頁面是這樣的：www.website.com/SomeController/SomeAction/Id

本頁目前調用require.js這樣的：

<script data-main="../Scripts/app/administrator/app.index" src="../Scripts/lib/require.js"></script>

在哪裏app.index.js有以下代碼：

requirejs.config({ 
    "baseUrl": "../Scripts/app/administrator", 
    "paths": { 
     "app.index": "app.index", 
     "ko": "../../lib/knockout-2.2.1", 
     'knockout.bindings': "../../lib/knockout.bindings", 
     "jquery": "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min", 
     "toastr": "../../lib/toastr", 
     "model.navigation" : "../models/model.navigation" 
} 
}); 

// Load the main app module to start the app 
require(["main.index"], function (bs) { bs.run(); });

和main.index.js具有下面的代碼：

define(['ko', 'indexViewModel', 'model.navigation'], function (ko, indexViewModel, Navigation) { 
    var 
     run = function() { 
      var vm = new indexViewModel(); 

      var array = new Array(); 
      $.getJSON("/api/navigations/getmynavigation/", function (data) { 
       $.each(data, function (key, val) { 
        var n = new Navigation(); 
        n.navigationId(val.NavigationId); 
        n.name(val.Name); 
        array.push(n); 
       }); 
      }).done(function(){ 
       vm.navigations(array); 
      }); 

      ko.applyBindings(vm, document.getElementById('#administrator-home-view')); 
     }; 
    return { 
     run: run 
    }; 
});

我很困惑的是，如果我想傳遞一個參數到這個模塊，我該怎麼做？

參數的來源可能來自：

主持人：<a href="/administrator/user/3>Bob</a>
服務器端：返回查看（3）

無論哪種方式，它是如何在require.js做了什麼？

來源

2013-06-29 jmogera

我會允許你的模塊接受一個參數，然後在require回調中傳遞它。喜歡的東西：

module.js

define(['depA', 'depB'], function(depA, depB) { 
    return { 
     foo: function(param) { 
      // Do something with param 
     } 
    } 
});

main.js

require(['module'], function(module) { 
    module.foo('myparam') 
});

你也可以從一個鏈接抓住它，如果你喜歡，通過在需要連接的事件：

require(['module'], function(module) { 
    document.querySelector('.link').addEventListener(function(event) { 
     module.foo(this.href); 
     event.preventDefault(); 
    }); 
});

來源

2013-06-29 20:30:21

如果你需要一個初始化階段更像是一個構造函數，你可以做到以下幾點：

的engine.js

define('engine', [], function() { 
    return function(param) { 
     return { 
      getParam: function() { return param; } 
     } 
    } 
};

home.js

require('engine', function(engine) { 
    var eng = engine('myparam') 
    console.log(eng.getParam()); // should return 'myparam' 
});

這裏的區別是， '引擎'返回一個函數，而不是一個對象，所以你必須記住調用'eng'作爲函數的參數。

來源

2014-04-06 01:05:49

將參數傳遞給Require.js模塊

回答

相關問題