Nie można przejść przez zagnieżdżoną tablicę JSON (właściwości wielkich liter) za pomocą Handlebars JS z Ember JS
Uczę się Ember JS i Handlebars JS, więc jestem bardzo nowy.
Mam problem z przechodzeniem przez zagnieżdżoną tablicę JSON. Nie mogę przejść przez „Strony” w JSON poniżej.
Oto JSON:
{
"Pages": [
{
"Id": 1,
"Name": "Page 1",
"Objects": [
{
"Width": 100,
"Height": 200,
"Type": "Shape"
},
{
"Width": 150,
"Height": 250,
"Type": "Image"
}
]
},
{
"Id": 2,
"Name": "Page 2",
"Objects": [
]
}
],
"Settings": {
"URL": "http://THEURL",
"Location": true,
"Navigation": true
},
"Id": 1,
"Title": "The Title",
"Description": "The Description"
}
To jest mój szablon kierownicy:
<script type="text/x-handlebars" id="pages">
<div class="container">
<div class="row">
<h1>{{Title}}</h1> <!-- This works -->
<h2>{{Description}}</h2> <!-- This works -->
<!-- This doesn't work: -->
<ul>
{{#each Pages}}
<li>Page ID: {{Id}} <br /> Page Name: {{Name}} <br />
<ul>
{{#each Objects}}
<li>{{Type}}</li>
{{/each}}
</ul>
</li>
{{/each}}
</ul>
</div>
</div>
</script>
Ponadto, gdy dodam:
{{Pages}}
w szablonie kierownicy wyjście w przeglądarce to:
[object Object],[object Object]
Nie jestem pewien, czy to jest problem, czy nie.