Powoli zaczynam rozumieć EmberJS. Niestety natknąłem się na problem, który wydaje się nie działać.

Mam złożoną strukturę danych, którą pobieram za pomocą JSON, z wieloma zagnieżdżonymi tablicami i nie mogę zagnieździć # pomocników.

Skonfigurowałem mój szablon w następujący sposób (skrócony):

<code>{{#each Servers}}
     <div class="server">
          <h1>{{unbound Name}}</h1>
          Time: {{jsonDate CurrentTime}}<br />

          <table>
               {{#each Processes}}
                    <tr>
                         <td>{{unbound Name}}</td>
                         <td>{{unbound Location}}</td>
                    </tr>     
               {{/each}}
          </table>
     </div>
{{#/each}}
</code>

Druga pętla wydaje się nie działać, gdy modyfikuję Embera, aby zarejestrować wiadomość, # drugi jest wywoływany, ale wygląda na to, że nie wie, co robić.

Kiedy zamieniam drugi #each na #Queue, działa, ale tuż przed -elementem wstawiany jest „niezdefiniowany” tekst dla każdego elementu na liście (minus 1).

Kiedy przenoszę #each poza drugą pętlę i umieszczam bezpośrednią ścieżkę do kolejki (np. Servers.0.Queue), działa to dobrze, więc z pewnością nie są to dane.

Jak to naprawić? Jeśli zagnieżdżony #each nie jest możliwy, jak mam poprzedzić „undefined” -text dla drugiej metody? Jakieś inne możliwości?

PS. Używam niezwiązanego ze względu na wydajność, aktualizuję obiekt Servers za jednym zamachem i obserwuję to, więc nie ma potrzeby używania powiązanych właściwości - jak zauważyłem, znacząco zmniejsza to wydajność przeglądarki (13% wykorzystania procesora, podczas gdy niezwiązany dał mi 0 %). Nie jestem pewien, czy jest powiązany.

EDYTOWAĆ

Proszę zobaczyć:http://jsfiddle.net/PTC9B/7/

Metoda ServerOverview2a działa mimo wszystko, najwyraźniej ServerOverview2b generuje „undefined” -text, który opisałem wcześniej - prawdopodobnie powinien zgłosić za to raport o błędzie?

Moje pytanie brzmi teraz:Dlaczego zagnieżdżone #each nie działa, podczas gdy #Processes?