passing the value from table to textbox in angularjs

Question

I am trying to pass the value from table to text box in angularjs. value should be pass when i click 'pass the value' button. can anyone help me with this? my code is shared below:

angular.module('app', [])
  .controller('controller', function($scope) {
    $scope.array = [{
      id:1,
      name: 'name1',
      address: 'address1'
      
    }, {
      id:2,
      name: 'name2',
      address: 'address2'
    }, {
      id:3,
      name: 'name3',
      address: 'address3'
    }];
  
  $scope.edit=function(id){
   
  };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<body ng-app="app" ng-controller="controller" class="container">
  <table class="table table-condensed">
    <tr>
      <th>id</th>
      <th>name</th>
      <th>address</th>
    </tr>
    <tr ng-repeat="item in array" >
      <td>{{item.id}}</td>
      <td>{{item.name}}</td>
      <td>{{item.address}}</td>
      <td><button ng-click="edit(item.id)">pass the value</button></td>
    </tr>
  </table>
  
  <form>
    name <input type="text" ng-model="item.name" />
    address <input type="text" ng-model="item.address"/>
  </form>
</body>

Can you show your code rather than screen shot ?

Vineet
– Vineet

2015-07-28 11:55:49 +00:00
Commented Jul 28, 2015 at 11:55 — Vineet
– Vineet, Commented Jul 28, 2015 at 11:55
yeah, i shared my code above

NItesh Shrestha
– NItesh Shrestha

2015-07-28 11:59:50 +00:00
Commented Jul 28, 2015 at 11:59 — NItesh Shrestha
– NItesh Shrestha, Commented Jul 28, 2015 at 11:59

Wayne Ellery · Accepted Answer · 2015-07-28 12:10:13Z

2

Instead of just passing the id, pass the whole item to the edit function:

<button ng-click="edit(item)">

Then you can set the item on scope to the passed item:

$scope.edit=function(item){
  $scope.item = item;
};

Plunkr

answered Jul 28, 2015 at 12:10

Wayne Ellery

7,9581 gold badge30 silver badges45 bronze badges

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

Comments

Vineet · Accepted Answer · 2015-07-28 12:15:16Z

0

You should assign your index in a variable in click function. Like

<button ng-click=" newIndex = $index; ">pass the value</button>

And fetch this indexed value from array. Like

name <input type="text" ng-value="array[newIndex].name" />
address <input type="text" ng-value="array[newIndex].address"/>

Make sure to declare newIndex in your controller first. Like

$scope.newIndex = null;

edited Jul 28, 2015 at 12:15

answered Jul 28, 2015 at 12:07

Vineet

4,7153 gold badges25 silver badges42 bronze badges

1 Comment

NItesh Shrestha Over a year ago

doesn't seems working for me. can you share the working code for me?

Collectives™ on Stack Overflow

passing the value from table to textbox in angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related