function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Nitika Semwal 11Nitika Semwal 11 

Trailhead: Lightning Components Basics- Attributes and Expressions

This code worked- 
<aura:component >
    
    <aura:attribute name="item" type="Camping_Item__c" required="True" />
    
    <p>Name:
        <ui:outputText value="{!v.item.Name}"/></p>
    
    <p> Price:
        <lightning:formattedNumber value="{!v.item.Price__c}" style="currency"/>   </p> 
    <p>Quantity:
        <lightning:formattedNumber value="{!v.item.Quantity__c}" style="number"/></p>
    <p> 
        <lightning:input type="toggle" label="Packed?" checked="{!v.item.Packed__c}"/> </p>
        
</aura:component>
Nitika Semwal 11Nitika Semwal 11
Continued-- When I am adding camppingListItem component in Component App, I am getting below error. 
User-added image
Riccardo MoscaRiccardo Mosca

use this code to complete the challenge:

 

 

<aura:component >
    <aura:attribute name="item" type="Camping_Item__c" required="True" />
        <ui:outputText value="{!v.item.Name}"/>
        <ui:outputText value="{!v.item.Price}"/>
        <ui:outputText value="{!v.item.Quantity}"/>
        <ui:outputText value="{!v.item.Packed}"/>
        <lightning:formattedNumber value="{!v.item.Price__c}" style="currency"/>  
        <lightning:formattedNumber value="{!v.item.Quantity__c}" style="number"/>
        <lightning:input type="toggle" label="Packed" name="Packed"    checked="{!v.item.Packed__c}"/> 
    
</aura:component>

 
Tanawat OonwattanaTanawat Oonwattana
This is what you are supposed to be writing using the knowledge in the material.

<aura:component >
    
    <aura:attribute name="item" type="Camping_Item__c"
        required = "true"
        default="{!v.item.name +
                 v.item.Price__c +
                 v.item.Quantity__c +
                 v.item.Packed__c}"/>
    <p>Name:
        {!v.item.name}
    </p>
    <p>Price:
        <lightning:formattedNumber value="{!v.item.Price__c}" style="currency"/>
    </p>
    <p>Quantity:
        <lightning:formattedNumber value="{!v.item.Quantity__c}" style="decimal"/>
    </p>
    
    <p>
        <lightning:input type="toggle"                           
                         label="Packed Status"                           
                         name="Packed Status"                         
                         checked="{!v.item.Packed__c}" />
     </p> 
    
</aura:component>