einkaufszettel/app/components/rezept.hbs

{{#if @isSelected}}  
<button type="button" class="rezept selected" {{on "click" (fn this.toggleSelection @titel)}}>
    <span><img src={{@bild}} alt="Ein Bild von {{@titel}}"/></span>
    <span>
        <h3>{{@titel}}</h3>
        <ul class="details">
            <li class="detail"><h4>Zutaten:</h4>{{#each @produkte as |produkt|}}
                                    {{produkt.attributes.titel}},
                                {{/each}}Gewürze</li> 
            <li class="detail"><h4>Personen:</h4>{{@personen}}</li>
            <li class="detail"><h4>Dauer:</h4>{{@dauer}} Minuten</li>
        </ul>
    </span>
</button>
{{else}} 
<button type="button"  class="rezept" {{on "click" (fn this.toggleSelection @titel)}}>
    <span><img src={{@bild}} alt="Ein Bild von {{@titel}}"/></span>
    <span>
        <h3>{{@titel}}</h3>
        <ul class="details">
            <li class="detail"><h4>Zutaten:</h4>{{#each @produkte as |produkt|}}
                                    {{produkt.attributes.titel}},
                                {{/each}}Gewürze</li> 
            <li class="detail"><h4>Personen:</h4>{{@personen}} </li>
            <li class="detail"><h4>Dauer:</h4>{{@dauer}} Minuten</li>
        </ul>
    </span>
</button>
{{/if}}