javascript - Handlebars 助手 - 返回 HTML

Question

我写了一个辅助函数——ifEquals。该函数返回属于特定列表的所有卡片。

这是代码：

module.exports = {
  stripTags: function (input) {
    return input.replace(/<(?:.|\n)*?>/gm, '');
  },
  ifEquals: function(cardListId, listId, cardTitle) {
    return (cardListId.toString() == listId.toString()) ? 
    `<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              ${cardTitle}
            </div>
          </div>
        </div>
      </Draggable>` 
    : '' ;
  }
}

我在 div 中取回文本，而不是获取每张卡片的所有 HTML 标签。实际结果 - 来自控制台的元素：

<div>
 " card1 card2 card3 "
</div>

预期结果：

<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card1
            </div>
          </div>
        </div>
      </Draggable>
<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card2
            </div>
          </div>
        </div>
      </Draggable>
<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card3
            </div>
          </div>
        </div>
      </Draggable>

谢谢