jQuery模板不等待异步功能

Question

我在jquery模板中有一个异步函数。

<script type="jquery/x-jquery-tmpl" id="app_card">       
    {{each(prop, val) obj}}       
    <p class="app-name-text" >${val.appName}</p> 
    <span>${functionX('studio_app_central_app_card_last_edited')} 
    </span>        
    {{/each}}        
</script>

这是一个异步函数，它从pouchdb获取数据并返回值。

async function functionX(key) {
    try {
        var doc = await db.get(key);      
        return doc.value;
    } catch (err) {
        console.log(err);
    }

}

这是jquery模板调用的地方。

$("#app_card").tmpl({"obj": data}).appendTo(".apps-grid");

问题是，对于每个内部jquery模板，它们都不会等待为每个内部调用的functionX响应。