如何调试下划线模板中的数据？

Question

我正在尝试自定义 Algolia 代码以显示搜索结果，以下代码位于我可以随意更改的模板中。在他们的文档中，他们说他们正在使用下划线模板。

如何调试 data 中的内容？我根本不知道什么值在哪里，所以我想在页面上打印整个对象（比如 console.log 或 var_dump）所以我知道我可以使用什么。

<script type="text/html" id="tmpl-instantsearch-hit">

    <div class="ais-hits--content">
        <h2><a href="{{ data.permalink }}" title="{{ data.post_title }}">{{{ data._highlightResult.post_title.value }}}</a></h2>
        <div>
            <# if ( data._snippetResult['content'] ) { #>
                <span class="suggestion-post-content">{{{ data._snippetResult['content'].value }}}</span>
            <# } #>
        </div>
    </div>

</script>

我试过 {{ data }} 但它只显示为 [object Object] 所以我看不到里面有什么

Answer 1

尝试{{ JSON.stringify(data) }}。阅读更多关于为什么 .toString()，这是当你简单地做 {{ data }} 时自动完成的事情（它计算为 ...your component... + data.toString() + ...your component...），不适用于对象 here.

如何调试下划线模板中的数据？

How to debug data in underscore template?

underscore.js

algolia

underscore.js-templating