我如何确定组件 returns 是否动态？

Question

我有一个 ember 组件正在访问数据库并在数据表类型 UI 组件中返回结果。当组件的结果为 null 或什么都没有时，我希望能够使用 "N/A"。

比如我有：

{{each bar in foobars}}
  <td class="classyTD">
    {{getBars bar=bar}}
  </td>
{{/each}}

当我有数据时这很好用，但是当我没有数据时returns什么都没有。设计师更喜欢 "N/A"。修改数据库不是一个选项，而修改组件 getBars 是一个选项，这将非常痛苦。

组件执行后是否有method/way来处理？如果不是，或者如果这是一个糟糕的想法 - 我会因更改组件而受苦，我相信社区的意见。

Answer 1

您确实应该在组件模板中执行此操作。如果有帮助，您可以将 N/A 字符串作为参数：http://emberjs.jsbin.com/lemabekuwi/2/edit?html,css,js,output

或者您可以通过 class 更改表示空的组件并使用一些 css 魔法：http://emberjs.jsbin.com/duqazahegi/1/edit?html,css,js,output

Answer 2

如果你想限制把手中的逻辑，你可以在组件 js 文件中包含以下内容：

({
  setBar: (function() {
    if (!this.get('bar')) {
      return this.set('bar', 'N/A');
    }
  }).observes('bar')
});