如何用Ember.js显示数据，范围变化？

Question

我有一段时间围绕着这个问题。我有我的导航栏，我想暗示将客户名称添加到栏中以显示他们已登录。

<script type="text/x-handlebars">
<!-- Navigation -->
<nav>
  <table border="1">
    <tr>
      <td>{{Client.firstName}}</td>
      <td>{{#linkTo 'clients'}}Favorites{{/linkTo}}</td> 
    </tr>
  </table>
</nav>
<!-- Main Body -->
 {{outlet}
</script>

所以，例如，我有一个客户可以登录并管理他们的冰淇淋味道的最爱。在导航中，我该如何显示客户名称？仅供参考，我有一个Fixture名称App.Client，firstName和lastName为字符串。

Answer 1

您可以在相应的控制器中添加displayName属性。然后检查是否登录到其中并返回displayName。

displayName: function() {
  if (loggedIn) {
    return this.get('model').firstName
  } else {
    return ''
  }
}.property()

并更改相应的模板以使用{{displayName}}。一般情况如果还有其他问题，请尝试发布jsbin示例以及问题。