如何從模板調用“依賴注入” JavaScript函數？

Question

可以說我正在使用諸如RequireJS之類的模塊模式，並將模塊A發送到模塊B中。

現在，在我的模塊內部，我想使用模板引擎生成HTML，但是出於這個問題，可以說我手動創建HTML字符串。 在該HTML字符串中，我想創建一個按鈕，該按鈕調用模塊“ a”提供的功能。

但是我顯然不能只做：

define( [ "a.js" ], function( a ) {

    var html = "<button onclick='a.myfunction();'>Click me!</button>";

} );

我怎么做？ 當我不能調用全局函數時，將其從JavaScript跨入“ HTML-String”，因為它全部基於模塊？

define( [ "a.js" ], function( a ) {

    var html = "<button onclick='*** HERE I WANT TO CALL A FUNCTION PROVIDED WITH A***'>Click me!</button>";

} );

Answer 1

您可以通過jQuery使用事件委托：

define(["a"], function (a) {

    var html = "<button>Click me!</button>";

    $("#buttonContainer").on("click", "button", a.myfunction);

});

其中buttonContainer是頁面上已經存在的模板的容器。