ember.js - 如何在emberjs中使用outerview上下文中的属性时删除视图

Question

我有一个场景，我想在子视图中使用父视图的属性但基于某些属性来渲染一些属性。但是当属性评估为假时，视图应该被销毁，但它给出的错误是：不能调用未定义的 unchain 并且一些错误也与此相关。

代码：

模板

<script type="text/x-handlebars">
  <h2>Welcome to Ember.js</h2>

  {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="address">
  {{item.Address.addressline1}}<br />
  {{item.Address.addressLine2}}<br />
  {{item.Address.city}}, {{item.Address.state}}<br />
</script>

<script type="text/x-handlebars" data-template-name="index">
  {{#if addressVisible}}
  <button {{action hideAddress}}> Hide Address </button>
  {{else}}
  <button {{action showAddress}}>Show Address</button>
  {{/if}}

  <ul>
  {{#each item in model}}
    <li>
      {{item.name}}<br />
      {{#if addressVisible}}
      {{view App.AddressView}}
      {{/if}}
    </li>

  {{/each}}
  </ul>
</script>

我创建了一个小提琴来显示我的问题： http: //jsbin.com/inoroj/5/edit 当我们点击 showAddress 时，它会显示所有地址视图，但是当点击隐藏时，所有视图都应该隐藏，但它会引发 unchain 错误.

Answer 1

看起来出于某种原因，Ember 不喜欢您的财产被资本化。通过更改Address为address应用程序按预期工作。我还做了一些其他的小改动。

http://jsbin.com/uquyuv/1/edit