使用isVisible成员逻辑或在CSS级别移动此逻辑。
使用isVisible成员逻辑或在CSS级别移动此逻辑。
提问于 2012-06-29 01:40:59
谁能指出哪些特定的用例正在使用becameVisible和becameHidden事件？
我有一个案例，我想隐藏/显示依赖于特定状态的视图，并且想知道我是应该通过classNames还是使用isVisible Ember Logic在CSS级别移动这个逻辑。
下面的例子试图展示当前的场景。
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;
}对这两种方案的优点/缺点的任何建议/评论都将不胜感激。
回答 1
Stack Overflow用户
发布于 2012-08-07 03:20:23
我会在视图模板中这样做：
{{#unless content.isLoaded }}
<div class='product_image is-loading'>....</div>
{{/unless }}
{{#if content.isLoaded }}
<div class='product_image'>...</div>
{{/if }}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11250072
复制相关文章
相似问题
腾讯云开发者
