嵌套的 HandlebarsJS #each 助手与 EmberJS 不起作用 [英] Nested HandlebarsJS #each helpers with EmberJS not working

查看:14
本文介绍了嵌套的 HandlebarsJS #each 助手与 EmberJS 不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在慢慢掌握 EmberJS 的窍门.不幸的是,我遇到了一个似乎无法解决的问题.

我有一个复杂的数据结构,我通过 JSON 检索它,其中包含多个嵌套数组,而且我似乎无法嵌套 #each 助手.

我的模板设置如下(缩短):

{{#each Servers}}<div class="服务器"><h1>{{未绑定名称}}</h1>时间:{{jsonDate CurrentTime}}<br/><表格>{{#每个进程}}<tr><td>{{未绑定名称}}</td><td>{{未绑定位置}}</td></tr>{{/每个}}

{{#/每个}}

第二个循环似乎没有运行,当我修改 Ember 以记录消息时,#the second each 被调用,但它似乎不知道该怎么做.

当我用 #Queue 替换第二个 #each 时,它可以工作,但就在 -element 之前,为列表中的每个元素(减去 1)插入了一个未定义"-文本.

当我将 #each 移到另一个循环之外并放入队列的直接路径(例如 Servers.0.Queue)时,它工作正常,所以它肯定不是数据.

我该如何解决这个问题?如果嵌套 #each 是不可能的,我如何为另一种方法预置未定义"文本?还有其他可能吗?

附注.出于性能原因,我使用了 unbound,我一次性更新了 Servers 对象并观察了这一点,因此不需要使用绑定属性 - 因为我注意到它显着降低了浏览器性能(13% CPU 使用率,而 unbound 给了我 0%).不确定是否相关.

编辑

请参阅:http://jsfiddle.net/PTC9B/7/

ServerOverview2a 方法毕竟有效,显然 ServerOverview2b 生成了我之前描述的未定义"文本 - 可能应该为此提交错误报告?

我现在的问题是:为什么嵌套的 #each 不起作用而 #Processes 起作用?

解决方案

看起来您的哈希中的属性导致了问题:使用大写属性 Processes 不起作用 - 如果您更改它processes each 助手按预期工作,请参阅http://jsfiddle.净/pangratz666/ndkWt/:





        
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆