CBC_14_CarSearchResult.xml

<aura:component implements="force:appHostable" extends="c:Base" controller="CarSearchController">
    <aura:attribute type="Car__c[]" name="cars" access="public" />
    <aura:attribute type="String" name="carTypeId" access="private" default="" />
    
    <aura:attribute type="boolean" name="carFound" access="private" default="false" />
    <aura:attribute type="Id" name="selectedCarId" access="public"/>
    
    <aura:handler name="init" action="{!c.doInit}" value="{!this}" />
    
    <!-- this event is being fired by nested CarTile component
   when user clicks on any car, will handle this event here 
   to mark the car as selected -->
    <aura:handler name="onCarSelect" event="c:CarSelect" action="{!c.onCarSelect}" />
    
    <!-- This aura method will be invoked by parent component CarSearch
		and will pass carTypeId, the method will use carTypeId to seacrh
		all the cars from server with having same carTypeId -->
    <aura:method name="searchCars" action="{!c.doSearch}"
                 description="Get cars from server based on carTypeId supplied
                              to this component" access="public">
        <aura:attribute name="carTypeId" type="String" default="" />
    </aura:method>
    
    <lightning:layout multipleRows="true" horizontalAlign="center">
        <aura:if isTrue="{!v.carFound}">
            <aura:iteration items="{!v.cars}" var="car">
                <lightning:layoutItem padding="around-small" size="12"
                                      smallDeviceSize="6"
                                      mediumDeviceSize="4"
                                      largeDeviceSize="3">
                    <!-- Calling CarTile component in loop to display all car result -->
                    <c:CarTile car="{#car}" selected="{!v.selectedCarId == car.Id ? true : false}" />
                </lightning:layoutItem>
            </aura:iteration>
            
            <!-- This is the else part of aura:if, if no car result found, 
    			it will show a simple message -->
            <aura:set attribute="else">
                <div class="slds-align_absolute-center">
                    No cars found
                </div>
            </aura:set>
        </aura:if>
    </lightning:layout>
    
</aura:component>