Reset lightning:input textbox Field Value to Null

Question

I am trying to create a button which will update a field value to null (RESET it). However, it's not working and not even giving any error. So when I click on the button, nothing happens.

lc.cmp:

<aura:attribute name="myObj" type="Account" default="{'SObject':'Account'}"/>
<lightning:input type="text" name="accountPhn" label="Enter Account Phone" value="{!v.myObj.Name}"/>
<lightning:button label="Reset" onclick="{!c.resetMe}"/>

lc.js:

resetMe : function(component, event, helper) {
        //alert("Called");
        component.set("v.accountPhn","");
    }

Appreciate help around this.

Answer 1

Please change 2nd line with below code. It will work.

    <aura:attribute name="accountPhn" type="String" default="{!v.myObj.Name}"/>

Answer 2

Component.get() and Component.set() works on the attributes defined. Update your component with below, it should be fine.

<aura:attribute name="accountPhn" type="String"/>
<lightning:input type="text" name="accountPh" label="Enter Account Phone" value=" 
{!v.accountPhn}"/>
<lightning:button label="Reset" onclick="{!c.resetMe}"/>

Read more about Component.get() and Component.set()