Pass value from table to input text Angularjs

Question

I have an input text with a table in which I filter some values from a JSON with an ng-repeat in meanwhile I'm typing.

<input type="text" placeholder="Choose" ng-model="item.sTxt"/>
   <table>
      <thead>
         <tr>
            <th>First Value</th>
            <th>Second Value</th>
         </tr>
      </thead>
      <tbody>
         <tr
             data-ng-repeat="item in numberList.getList | filter:searchText" 
             ng-click="setSelected(item.last)">
             <td>{{item.first}}</td>
             <td>{{item.last}}</td>
         </tr>
      </tbody>
  </table>

I can show an alert when I click a row in the table in this way:

$scope.idSelectedVote = null;
    $scope.setSelected = function (idSelectedVote) {
        $scope.idSelectedVote = idSelectedVote;
        alert(idSelectedVote);
    };

but i would take that value and pass it in my input text. How could i do it in angularjs?

Naeem Shaikh · Accepted Answer · 2015-02-27 09:03:45Z

4

you can use ng-model to create a model on text input, then just pass the value of clicked table row to that model, like this

<input ng-model='input' type="text" placeholder="Choose"/>



$scope.setSelected = function (idSelectedVote) {
        $scope.idSelectedVote = idSelectedVote;
        $scope.input=idSelectedVote;
        //alert(idSelectedVote);
    };

Also if you want to filter out the repeated list, you can use the same model, in the filter.

you can see this Fiddle, it does both filter on input and place text in input on click of tr

answered Feb 27, 2015 at 9:03

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

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

16 Comments

Atlas91 Over a year ago

doesn't work :( consider that i have alread an ng-model in my input (sorry i have forgotten to write it)

Naeem Shaikh Over a year ago

@endgame can you create a fiddle of your problem.. the one I created works fine if ng-model used.. try the way i have done

Atlas91 Over a year ago

this is so strange...same case tried in fiddle and no problems.. In mine i can view the clicked item on the console but i can't pass it into the input!!

Atlas91 Over a year ago

Ok, now this one jsfiddle.net/8y48q/11 is very similiar at my case.. and doesn't work

Naeem Shaikh Over a year ago

@End.Game.. That question has a different context.. you can post a different question.. also notify me if you do..

|

Collectives™ on Stack Overflow

Pass value from table to input text Angularjs

1 Answer 1

16 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

16 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related