如何在 ember js 中使用 {{Yield}} helper 和 hash helper？

Question

有人可以举例说明在 emberjs 中与组件一起使用时使用的带有散列的 yield helper 吗？

Answer 1

{{yield}} 的使用在 Ember Guides including a small example. You can find another, more detailed example in tutorial application 中进行了讨论，它是 Ember 指南的一部分。

Answer 2

Link 在 ember 组件中使用带产量的哈希助手。

Yield 用于share data within your component with the content it is wrapping 并且它只用于组件的块形式。

哈希助手用于创建object。哈希助手是对象的通用构建器，给定哈希参数。

Answer 3

在您的 template.hbs 中实施 yield：

{{yield (hash
  foo=(component "path/to/component/foo")
  bar=(component "path/to/component/bar")
)}}

你可以像这样实例化它：

{{#baz
  as |x|
}}
  {{x.foo}}
  {{x.bar}}
{{/baz}}

希望对您有所帮助！