Ember.js 使用isVisible余烬逻辑或在CSS级别移动此逻辑

有人能指出哪些特定用例使用becameVisible和becameHidden事件吗

我有一个案例，我想根据特定的状态隐藏/显示视图，我想知道是应该通过类名在CSS级别移动这个逻辑，还是应该使用isVisible Ember逻辑

下面的示例试图显示当前场景

Em.ContainerView.extend({

  childViews: ['image','spinner'],
  isLoading: true,

  image: Em.View.extend({
    classNames: ['product_image'],
    classNameBindings: ['isLoading'],
    isLoadingBinding: Em.Binding.oneWay('parentView.isLoading')

  }),

  spinner: Em.View.extend({
    classNames: ['spinner'],
    classNameBindings: ['isLoading'],
    isLoadingBinding: Em.Binding.oneWay('parentView.isLoading')
  })

}) 

CSS类似于：

    > .product_image {
      display:block;
    }

    > .product_image.is-loading {
      display:none;
    }

    > .spinner {
      display:none;
    }

    > .spinner.is-loading {
      display:block;
    }

---

如果您对这两种方案的优点/缺点有任何建议/意见，我们将不胜感激

我会在视图模板中这样做：

{{#unless content.isLoaded }}
  <div class='product_image is-loading'>....</div>
{{/unless }}
{{#if content.isLoaded }}
  <div class='product_image'>...</div>
{{/if }}

{{#除非content.isLoaded}
....
{{/除非}
{{#如果content.isLoaded}
...
{{/if}