Angularjs, clear input text on enter

Question

I've read several examples on here about similar issues but nonetheless can't seem to get it to work.

Here's the fiddle: http://jsfiddle.net/natecraft/jtMAq/7/

The input text box is both filtering already added boxes by name and allowing you to add a new one if you press enter. I want to make it so that when you press enter and call the submit() function, the text input field is cleared.

$scope.newAccomp = "";

Thanks for the help.

frosty · Accepted Answer · 2013-10-14 05:04:53Z

3

The line of code you have mentioned needs to be pulled out of the "addToAccount" method, and run in the "submit" method.

function accomplishmentController($scope) { 

    $scope.accomplishments = [];
    $scope.submit = function() {
        $scope.accomplishments.unshift({ name: $scope.newAccomp, count: 0 });
        **$scope.newAccomp = '';**
        $scope.addToCount = function() {
            var currentcount = this.accomp.count;
            this.accomp.count = currentcount + 1;
        }
    }
}

I did this, and your example worked fine.

answered Oct 14, 2013 at 5:04

frosty

21.8k8 gold badges58 silver badges77 bronze badges

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

1 Comment

andyczerwonka Over a year ago

I have the same problem, and I can't get the input field to clear. Looking in the $scope, the value I'm clearing is not there. Very strange.

vittore · Accepted Answer · 2013-10-14 05:02:57Z

2

I belive you are looking for ngSubmit

 <input type="text" ng-model="newAccomp" ng-submit="addToCount()" />

answered Oct 14, 2013 at 5:02

vittore

17.6k6 gold badges46 silver badges84 bronze badges

Collectives™ on Stack Overflow

Angularjs, clear input text on enter

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related