我想使用Ember.js Octane在类显示打开和显示关闭之间切换。我该怎么做?我需要@action还是@tracked?
<img src="flower.jpg" alt="flower" class="display-on"> or <img src="flower.jpg" alt="flower" class="display-off">
wxclj1h51#
这应该是直接在ember(特别是与辛烷功能)。正如@jrjohnson在注解中提到的,标记取决于您如何管理跟踪状态的方式,通过状态来切换类。在理想情况下,由于您需要单独切换class,您可以在JS类属性canShow的帮助下使用模板中的条件来呈现类:
class
canShow
<img src="flower.jpg" alt="flower" class={{if this.canShow "display-on" "display-off"}}>
在这里,canShow必须是@tracked(正如您提到的),如果您需要在它的值改变时重新呈现视图(模板)。希望你在学习Ember方面有乐趣;)
1条答案
按热度按时间wxclj1h51#
这应该是直接在ember(特别是与辛烷功能)。
正如@jrjohnson在注解中提到的,标记取决于您如何管理跟踪状态的方式,通过状态来切换类。在理想情况下,由于您需要单独切换
class
,您可以在JS类属性canShow
的帮助下使用模板中的条件来呈现类:在这里,
canShow
必须是@tracked(正如您提到的),如果您需要在它的值改变时重新呈现视图(模板)。希望你在学习Ember方面有乐趣;)