ember JS：遍历json列表并在Handlebars中显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ember JS：遍历json列表并在Handlebars中显示相关的知识，希望对你有一定的参考价值。
我有一个由json对象数组组成的JSON对象。我想在我的qazxsw poi对象中将每个应用程序的提供者组列表显示为dataList。
JSON对象是：
JSON我将此JSON对象命名为AppPgMap，在我的hbs文件中，我尝试按如下方式访问它：
{"Application1":[{"pg_id":"test00020","pg_name":"test20","sealID":"Application1"},{"pg_id":"test00030","pg_name":"test30","sealID":"Application1"}],"Application2":[{"pg_id":"test00040","pg_name":"test40","sealID":"Application2"},{"pg_id":"test00050","pg_name":"test50","sealID":"Application2"}]}
这对我不起作用，而不是获取数据列表，我得到一个空的输入字段。
这个问题有方法解决吗？或者我是否必须重构我的数据并尝试以另一种方式显示它？
对于迭代对象，您可以使用 **<input class="typeahead" type="text" id={{concat "pg_id_input" index index_new}} list="pg_data" onchange= {{action "getProviderGroups" }} placeholder="search here">
<datalist id="pg_data">
<select class="form-control " id= "new_pg_id" oninput={{action (mut el.value) value="target.value" }} required=true>
{{#each AppPgMap as |application| }}
{{#each application as |providerGroup|}}
<option value={{ providerGroup.pg_id }}> {{providerGroup.pg_name}}</option>
{{/each}}
{{/each}}
</select>
</datalist>**
each-in
helper
以上是关于ember JS：遍历json列表并在Handlebars中显示的主要内容，如果未能解决你的问题，请参考以下文章