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
Brock NortonBrock Norton 

Challenge not yet complete... here's what's wrong: The 'PhoneNumberEvent' event does not have an attribute component

I keep getting this error.  Thoughts? 
<aura:application attribute="phone">
    <c:PhoneNumberInput />
    <c:PhoneNumberOutput />
</aura:application>
Brock NortonBrock Norton
I fixed this, but now my error is:

The 'PhoneNumberEvent' event is not of type 'APPLICATION'.
  
<aura:event type="APPLICATION">
    <aura:attribute name="phone" type="String"/>
    <c:PhoneNumberInput />
    <c:PhoneNumberOutput />
    
</aura:event>

Help?
Prashant singh 16Prashant singh 16

Hi Brock Norton,

1-PhoneNumberEvent.evt

<aura:event type="APPLICATION" description="Event template">
<aura:attribute name="phone" type="String"/>    
</aura:event>

2-PhoneNumberInput.cmp

<aura:component >
    <ui:inputPhone aura:id="phone" label="phone" />
    <aura:registerEvent name="phone" type="c:PhoneNumberEvent"/>
<ui:button label="Show Phone" />
</aura:component>

3-PhoneNumberOutput.Cmp

<aura:component >
    <aura:attribute name="number" type="String" default="No Phone Number"/>    
<ui:outputText aura:id="phone" value="{!v.number}"/>
    <aura:handler event="c:PhoneNumberEvent" action="{!c.answer}"/>
</aura:component>

4-PhoneNumberOutputHelper.js

({
    phonenum : function(component, event, helper) {
        
        var phone = event.getParam("phone");
        component.set("v.number", phone);
    }

})

5-PhoneNumberInputHelper.js

({
    send : function(component, event, helper) {
        var phone = component.find("phone").get("v.value");
        console.log(phone);
        $A.get("e.c:PhoneNumberEvent").setParams({
            phone: phone
       }).fire();
    }
})

In this way you can complete your chalange ..