Ember.js js为bindAttr删除并添加相同的CSS类
给定Ember.js js为bindAttr删除并添加相同的CSS类,ember.js,Ember.js,给定 当计算属性测试更新但其值保持不变时,将删除并添加测试CSS类。当类具有CSS动画时会产生问题,因为重新添加该类会重新启动动画。如果类已经是元素的一部分,是否有方法不删除和添加该类?每当设置值时,而不仅仅是更改值时,都会触发余烬观察者。问题的一个可能解决方案是引入第二个属性,该属性仅在值实际更改时设置。比如: <div {{bindAttr class="test"}}> 你能提供一个JSFIDLE吗?您的计算属性是如何定义的?您可以将此作为起点: <div {{bi
当计算属性测试更新但其值保持不变时,将删除并添加测试CSS类。当类具有CSS动画时会产生问题,因为重新添加该类会重新启动动画。如果类已经是元素的一部分,是否有方法不删除和添加该类?每当设置值时,而不仅仅是更改值时,都会触发余烬观察者。问题的一个可能解决方案是引入第二个属性,该属性仅在值实际更改时设置。比如:
<div {{bindAttr class="test"}}>
你能提供一个JSFIDLE吗?您的计算属性是如何定义的?您可以将此作为起点:
<div {{bindAttr class="stableTest"}}>
onTestChanged: function() {
var test = this.get('test');
var stableTest = this.get('stableTest');
if (test !== stableTest) {
this.set('stableTest', test);
}
}.observes('test')