用把手在Ember Octane中切换类的正确方法？

Question

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

<img src="flower.jpg" alt="flower" class="display-on">  
or
<img src="flower.jpg" alt="flower" class="display-off"> 

Answer 1

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

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

使用模板中的条件渲染类。

<img src="flower.jpg" alt="flower" class={{if this.canShow "display-on" "display-off"}}> 

这里，如果您需要在值更改时重新渲染视图（模板），则canShow必须为@tracked（如您所述）。

希望您有一个愉快的学习Ember;）