javascript - 如何将html附加到dust.js的部分？

Question

如何将 html 附加到dust.js 的部分中？似乎没有内置的方法可以做到这一点。也许可以使用某种流块来实现这一点？另一种解决方案可能是一个dustjs-helper，它会找到一个部分并附加到其中。

当将其他模板包含到父模板中时，我需要此功能在 html 文档的头部添加脚本和样式。

任何想法如何解决这个问题？我还将接受使用主体或块而不是部分的解决方案。

Answer 1

如果我理解正确，您想要某种可以用来注入动态内容的块！？你确实可以写一个助手来做到这一点。

假设您有一个模板并定义了一个自定义助手

{@append someParam="someValue"/}

然后你写助手（描述here）

(function () {
    'use strict';

    // load dust if not already there
    dust = require('dustjs-linkedin');

    // load helpers if not already done
    require('dustjs-helpers')

    // create our custom helper 
    // (note that 'append' is the name of the helper, as used in the template)
    dust.helpers.append = function (chunk, context, bodies, params) {
        // create a new chunk and map it to make it async
        // you could also do `return chunk.write('somehtml')` if you use it sync
        return chunk.map(function (chunk) {
            chunk.end('<div>' + params.someParam + '</div>');
        });
    };
}();

如果你需要一个像

{@append}
    some string
{/append}

您需要稍微修改一下帮助程序（感谢odd.ness.io）：

if (bodies.block) {
    return chunk.capture(bodies.block, context, function(string, chunk) {
        chunk.end('This is ' + string + ' we wrapped!');
    });
}
// If there's no block, just return the chunk
return chunk;

这应该给你：“这是我们包裹的一些字符串！”

注意：没有测试，只是写的^^

希望这会有所帮助，干杯。