使用handlebars.js獲取動態用戶內容？

Question

把手通常用於靜態預定義的html模板，然后通過JSON給定動態數據，但是如果模板本身來自json，該怎么辦？

我正在嘗試建立一個社區論壇，在該論壇上我有一個模板，可以填寫用戶發布位置。 但是，帖子本身還包含模板信息（是動態的）。 我如何獲得車把來處理剛從ajax出來的動態模板？

例如，用戶帖子可以按任何順序包含以下任何或全部內容：文本，圖片，鏈接，視頻等。

內容將如下所示：

{{text-open}} blablabla這是一張圖片{{text-close}} {{image-open}}
http://someRandomUrl.com {{image-close}} {{image-open}}
http：// anotherRandomUrl {{image-close}}

我不確定如何使用車把。 我有一種感覺，也許我應該只使用字符串替換功能？ 但這會是最佳方法嗎？

Answer 1

您只需要編譯模板：

fetch("post.hbs")
    .then(source => Handlebars.compile(source))
    .then(postTemplate => {
        // Do stuff, then fill the template:
        postElement.innerHTML = postTemplate(postData);
    });