Cannot clear text in input text field in Ionic

Question

I'm new at Ionic and Angular. I try to create a post status like Facebook, my first task is when the user types any text and press the POST button I want the text in the input field to disappear, but it disappears in the first time when this view is a new load.

When I try to type any text in the input field and press the POST button, the text won't disappear but function in the controller was called. Past, I use label tag but when I press the POST button ng-click didn't work so I change label tag to div tag but it work at the first time as I say above and I include cache is false it didn't work too. Here is my Plunker, This issue is in Chat view.

Toxus · Accepted Answer · 2015-02-14 23:29:57Z

13

The ng-model should be bound to an object and not to an variable.

The means the the declaration of the variable should be something like:

 $scope.input = {
    saySomething : 'Some question'

  };

The input field should then be:

<input type="text" placeholder="Say Something" ng-model="input.saySomething"/>

answered Feb 14, 2015 at 23:29

Toxus

6655 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

pongib Over a year ago

Wow, it work like magic. Thank you very much for saving my life. By the way, Does issue is about primitive and non-primitive or just Ionic mechanism?

Toxus Over a year ago

The issue is not ionic specific. It's Angular. (Can you mark my awnser as the one that resolved is:) )

overlox Over a year ago

Life status : saved, props to you Toxus

Collectives™ on Stack Overflow

Cannot clear text in input text field in Ionic

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related