Доходность полного блока в ember

Question

Я задавался вопросом, как я могу предоставить полный блок, который я передаю своему компоненту. я уже нашел это https://guides.emberjs.com/v2.9.0/components/block-params/ , но я не понимаю, почему есть

//my-component.hbs 
{{#if hasBlock}} 
    {{yield post.title}} 
    {{yield post.body}} 
    {{yield post.author}} ... 

Почему я должен назвать то, что я хочу, чтобы дать? Это не имеет смысла, потому что я хочу дать (отобразить) весь блок, который я передаю компоненту, независимо от того, что я там делаю.

Так что я попытался просто использовать выход только:

//my-component.hbs 
{{#if hasBlock}} 
    {{yield}} ... 

и использовать компонент таким образом:

//myroute.hbs 
{{#my-component car=model}} 
    {{car.name}} - {{car.color}} 
{{/my-component}} 

Эта не работают, но я ожидал, что «car.name - car.color 'будет отображаться в {{yield}} компонента ...

Может кто-нибудь объяснить мне это, пожалуйста?

Answer 1

Это немного сбивает с толку, признаюсь. То, что происходит, это компонент, который дает (возвращающие) значения, которые вы можете использовать в своем блоке. Попробуйте что-то вроде этого:

{{#my-component car=model as |car|}} 
    {{car.name}} - {{car.color}} 
{{/my-component}} 

Тогда в компоненте:

{{#if hasBlock}} 
    {{yield car}} 
{{else}} 
    default no-block template goes here... 
{{/if}} 

Вот рабочий Twiddle: https://ember-twiddle.com/9a0efb92ebea6f206236a32e3c3e6053?openFiles=templates.index.hbs%2Ctemplates.components.my-component.hbs