How to send the input text box value to angularjs onclick on the text box?

Question

Below is my html:

<tr ng-repeat="c in client">
     <td><input type =text id = "id" value = {{c.id}} onclick = "display();" > </input> </td>
     <td><input type =text value = {{c.fname}}></td>
</tr>

My js:

 function display()
 {
     var x=document.forms["form"]["id"].value;
     alert(x);       
 }

I am getting the input value in the alert box successfully but how to get this value in another angular js function. I tried the below code but not working please suggest me

<input type =text id = "id" value = {{c.id}} ng-model = user.id ng-click ="init(user)" > </input>

Where is your controller code?

SamV
– SamV

2014-02-13 10:40:27 +00:00
Commented Feb 13, 2014 at 10:40 — SamV
– SamV, Commented Feb 13, 2014 at 10:40

Gilles · Accepted Answer · 2016-04-11 15:31:18Z

4

If you have set up your application properly, you simply create the init() function in your controller

$scope.init = function (user) {
    // function implementation
};

Also make sure you format your HTML correctly

<input type="text" id="id" value="{{c.id}}" ng-model="user" ng-click ="init(user)" />

edited Apr 11, 2016 at 15:31

Gilles

2021 silver badge11 bronze badges

answered Feb 13, 2014 at 10:43

kubuntu

2,5351 gold badge24 silver badges24 bronze badges

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

5 Comments

maho Over a year ago

is it possible to give ng-click in input text box?

maho Over a year ago

<input type ="text" value = "sample" ng-model = "user" ng-click ="init(user)" /> I gave it like this its showing empty text box, why I am not getting the sample in text box

kubuntu Over a year ago

ng-model = "user" overrides value = "sample". You could set the value of user in HTML <input type="text" ng-model="user" ng-click="init(user)" ng-init="user='sample'" /> or in your controller. Also, depending on what you want to achieve, you may want to consider ng-change and ng-focus. A user could type into the text box without clicking.

maho Over a year ago

thanks working for sample.one last doubt instead of sample I need to give a dynamic value from my collection object ie c.id (from this<tr ng-repeat="c in client">)

kubuntu Over a year ago

Make your ng-model the value you want there (i.e. ng-model="c.id").

Rick · Accepted Answer · 2015-01-27 20:59:50Z

-1

A much more cleaner way to accomplish the same thing would be to just set the value on the click event for example.

<td onclick="user.id=ID"> </td>

answered Jan 27, 2015 at 20:59

Rick

13.6k3 gold badges46 silver badges42 bronze badges

1 Comment

Kick Buttowski Over a year ago

I think you mixed up angularjs with java script?

Collectives™ on Stack Overflow

How to send the input text box value to angularjs onclick on the text box?

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related