Ember：仅当组件已产出leftbar块时才渲染div元素

你的问题出在has-block的使用方式上——默认不带参数的has-block只会检查组件的默认块（未命名的主块），而你需要判断的是命名块leftbar，所以必须明确指定块名。

修改你的Viewer组件模板代码如下：

{{#if (has-block 'leftbar')}}
  <div class='photo-viewer-control' local-class='leftbar'>
    {{yield to='leftbar'}}
  </div>
{{/if}}

这样修改后，只有当消费组件提供了<:leftbar>块时，包裹的div才会被渲染；如果没有提供该命名块，div就不会出现在DOM中。

内容的提问来源于stack exchange，提问作者adhu