西纳特拉 +哈姆尔+ jQuery，从 javascript/jquery 渲染 haml

Question

我正在开发一个使用 sinatra 和 haml 作为模板的项目。我希望能够使用 JQuery 附加一些 haml 部分。我希望将其添加到由类似事件触发的 js 函数中

....addEventListener(myWidget, 'click', function() {
    $('targetDiv').append(RenderHamlTempalte('/my/file/location/');
});

，或者

....addEventListener(myWidget, 'click', function() {
    $('targetDiv').append(RenderHamlTempalte('/my/file/location/', {options: here, options: here);
});

我已经在 github 上查看了一些相关项目，但确实找不到可以正确执行此操作的东西。

感谢您提供任何信息

更新：

这就是我最终的结果

var url = '/update&my&div/' + param;
$('.my-div').load(url);

，然后在我的 sinatra app.rb 中我可以返回我的 haml 部分

get ''/update&my&div/:params' do
    # do some stuff
    @make_variables_happen
    haml :my_partial
end

Answer 1

一种方法是使用如下工具： https://github.com/uglyog/clientside -haml-js
您必须将部分内容包装在 并将它们附加到您的 html 页面中的某个位置（我通常将它们添加到页面底部）。然后，您可以使用以下方式从 JavaScript 引用它们，

 var tmpl = haml.compileHaml('template_id');

然后可以使用以下方式传递数据：

var html = tmpl({option1: value1, option1: value1});

或根据您的示例：

$('targetDiv').append(tmpl({option1: value1, option1: value1}));