javascript - 如何在 HandleBars.js 中使用正则表达式？

Question

这是我第一次处理 script type="text/x-handlebars"。我有一个对象 {{this.pin}}，它向我返回 URL (https://maps.google.com/mapfiles/markerA.png)。我想要做的是获取该 URL 并获取特定文本。

代码:

<script type="text/x-handlebars" id="MapDeliveryAddressTemplate">    
    <div class="map-delivery-addresses-pin" tabindex="0"><img src={{this.pin}} aria_label={{this.pin}}/></div>
</script>

此处，{{this.pin}} 返回 https://maps.google.com/mapfiles/markerA.png。

我想要的是:

1. 只从markerA获取A
2. 将 A 用于 aria_label。

想要的结果应该是这样的:

<div class="map-delivery-addresses-pin" tabindex="0"><img src={{this.pin}} aria_label="A"/></div>

我该怎么做？

Answer 1

您必须创建自己的 helper在 Handlebars 中实现这一点。设置一个函数，我们称它为 parseMarker，以返回您的值。您的新模板将如下所示:

<script type="text/x-handlebars" id="MapDeliveryAddressTemplate"><br/>
<div class="map-delivery-addresses-pin" tabindex="0"><img src={{this.pin}} aria_label={{{parseMarker this.pin}}})/></div>
</script>


对助手的调用由三重大括号分隔，您的助手函数的要点只是从正则表达式返回您想要的匹配项。