动态添加 class 以仅隐藏 yield 部分 ember 组件而不包装

Question

有没有办法动态添加一个class（在我的例子中是隐藏class）隐藏（显示: none) 仅 yield ember 组件的一部分 不换行 在 Ember JS 中带有 tags（div、span 或任何其他）的组件的 yield 部分？

我的案例：

 {{#if isLoading}}
     <p>Loading....!</p>
 {{/if}}
 <div class="{{isLoading "hide"}}">
     {{yield}}
 </div>

这里我想隐藏 yield 部分而不用 div 标签包裹它

注意 : 我不能使用 If Else 语句 因为它每次都会销毁组件的当前实例 isLoading 属性变化。 这是一个显示加载的组件。任何其他使用组件加载的方法都值得赞赏

Answer 1

您不能在不指定元素或标签的情况下添加 class。如果你想在 yield 部分添加 class name，那么将其包装在容器中是唯一的方法。

Adding a class dynamically to hide only yield part of the ember component without wrapping