用车把在Ember Octane中切换类的正确方法?

Noo*_*321 1 javascript frontend node.js ember.js ember-octane

我想使用Ember.js Octane在类显示打开和关闭之间切换。我该怎么做呢?我需要@action还是@tracked?

<img src="flower.jpg" alt="flower" class="display-on">  
or
<img src="flower.jpg" alt="flower" class="display-off"> 
Run Code Online (Sandbox Code Playgroud)

小智 5

这在Ember中应该很简单(尤其是具有Octane功能)。

正如@jrjohnson在评论中提到的那样,标记取决于您如何管理跟踪状态的方式,从而可以切换类。在理想情况下,由于需要class单独切换,因此可以在模板中借助JS Class属性使用条件渲染类canShow

<img src="flower.jpg" alt="flower" class={{if this.canShow "display-on" "display-off"}}> 
Run Code Online (Sandbox Code Playgroud)

如果您需要在视图(模板)的值更改时重新呈现它,canShow则必须@track(如上所述)。

希望您有兴趣学习Ember;)