Angularjs - dynamically set $scope variable

Question

I am new to angular and am trying to do something pretty simple in vanilla javascript but am unable to find out how to do it properly in angular!

I want to set up a general function to clear an input text field:

I have this html:

<input type="text" ng-model="css" ng-focus="clearInput('css')"/>

(got the ng-focus thing here: https://groups.google.com/forum/?fromgroups=#!topic/angular/A5Lyx8m3S4M it works well!)

and this function in my controller

$scope.clearInput = function (val) {
 $scope.val  = "";
};

Clearly this would work if I would use $scope.css, but I want to be able use the function for other input fields as well. There's got to be a nice angular way of doing this!!

Thanks!

Heading

Andy Hayden · Accepted Answer · 2013-04-27 13:23:05Z

2

I think it's easier just to clear it using "css=''".

For example, the following clears the input each time you click on it:

<input type="text" ng-model="css" ng-click="css=''"></input>

answered Apr 27, 2013 at 13:23

Andy Hayden

378k110 gold badges640 silver badges546 bronze badges

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

1 Comment

Craig Morgan Over a year ago

Brilliantly simple. Thanks Andy! Another light bulb just lit up!

Collectives™ on Stack Overflow

Angularjs - dynamically set $scope variable

Heading

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Heading

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related