如何从模板调用“依赖注入” 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是页面上已经存在的模板的容器。