Ember子视图表不起作用Uncaught TypeError:无法读取属性' nextSibling'为null

时间:2014-03-26 18:34:01

标签: ember.js null html-table nextsibling

当我使用表时,子视图不起作用。

例如,这很好用

{{#each}}
    {{view App.RowView}}
{{/each}}

但这打破了

<table>
  <tbody>
    {{#each}}
        {{view App.RowView}}
    {{/each}}
  </tbody>
</table>

错误说

  

未捕获的TypeError:无法读取属性&#39; nextSibling&#39;为null

编辑:当您尝试添加项目时,这里是指向jsbin http://jsbin.com/nodotize/1/edit的链接,它会失败并抛出错误,但是如果您从rowView模板中复制文本并粘贴它之间的它然后工作http://jsbin.com/nodotize/5/edit

1 个答案:

答案 0 :(得分:3)

tagName: 'tr'上添加rowView作为属性,并从模板中删除<tr>应该可以解决问题:http://jsbin.com/nodotize/6/edit

视图的默认tagNamediv,但对于表行,这会导致标记无效,因此Ember必须检测上下文并将生成的视图的此属性调整为{{ 1}}。

如果您手动定义表格行的视图,则需要将tr设置为tagName