如何调试下划线模板中的数据?
How to debug data in underscore template?
我正在尝试自定义 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
] 所以我看不到里面有什么
尝试{{ JSON.stringify(data) }}
。阅读更多关于为什么 .toString()
,这是当你简单地做 {{ data }}
时自动完成的事情(它计算为 ...your component... + data.toString() + ...your component...
),不适用于对象 here.
我正在尝试自定义 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
] 所以我看不到里面有什么
尝试{{ JSON.stringify(data) }}
。阅读更多关于为什么 .toString()
,这是当你简单地做 {{ data }}
时自动完成的事情(它计算为 ...your component... + data.toString() + ...your component...
),不适用于对象 here.