1

我在表格中有一个车把条件语句，在里面我有一个视图。

如果我删除条件，则显示视图模板。如果我删除视图模板，则会显示直接的 html。但是如果两者都存在，则视图模板永远不会显示，并且控制台中不会显示错误：

<script type="text/x-handlebars" data-template-name="application">
    <table>
        <tr>
            <td>
                <button {{action 'click_me'}}>Click me</button>
            </td>
        </tr>
        {{#if controller.new_visible}}
            {{#view App.MyView}}
            <tr>
                    <td>
                        Hello!            
                    </td>
            </tr>
            {{/view}}
        {{/if}}
    </table>
</script>

我究竟做错了什么？

4

2 回答 2

2

除此之外，似乎（来自http://emberjs.com/guides/understanding-ember/the-view-layer/，第 4 节）Ember 为 Handlebars 逻辑块助手（如{{#if}}、{{#unless}}等）创建了虚拟视图. 它们不是常规视图层次结构的一部分，因此它们不能很好地与常规嵌套子视图一起使用。

我怀疑这个问题的答案可以在这一行的某个地方找到：

“当传递给{{#if}}or的路径{{#with}}发生变化时，Ember 会自动重新渲染虚拟视图，这将替换其内容，重要的是，销毁所有子视图以释放它们的内存。” （来自上面链接的部分）。

我最好的猜测是该{{#if}}块在插入时重新渲染，这会破坏其中的“子”{{#view}}块。

于 2013-10-18T19:35:50.693 回答
1

将您的状况移到视图内。看到这个jsFiddle

{{#view App.MyView}}
{{#if controller.new_visible}}
<tr>
    <td>
        Hello!            
    </td>
</tr>
{{/if}}
{{/view}}
于 2013-10-18T06:33:04.950 回答