einkaufszettel/app/components/rezept.hbs

{{#if this.isSelected}}  
<button type="button" class="rezept selected" {{on "click" this.toggleSelection}}>
    <span><img src={{@rezept.bild}} alt="Ein Bild von {{@rezept.titel}}"/></span>
    <span>

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

        <div class="detail">
            <h3>{{@rezept.titel}}</h3>
            <ul class="details">
                <li class="detail"><h4>Zutaten:</h4>{{#each @rezept.produkte as |produkt|}}
                                        {{produkt.attributes.titel}},
                                    {{/each}}Gewürze</li> 
                <li class="detail"><h4>Personen:</h4>{{@rezept.personen}} </li>
                <li class="detail"><h4>Dauer:</h4>{{@rezept.dauer}}</li>
            </ul>
        </div>
    </span>
</button>
{{/if}}