javascript - 使用 Handlebars 在 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 时玩得开心；）