Get Button Value when click in Angularjs

Question

My question Related to this Question at ng-repeat values with 3 columns in table? - AngularJS

Then my Question is How to Get the Value of that button on click. ?

Here is My Problem

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

  <span ng-bind="$parent.$eval(mydata)"></span> 




 $scope.buttons =[ [0,1,2,3,4],
                    [5,6,7,8,9]
                  ];




<tr ng-repeat="row in buttons">
  <td ng-repeat= "button in row"><button class="btn btn-primary" ng-click ="$parent.mydata = $parent.mydata.toString() + button">
    {{button}}</button></td>
  </tr>

It Works on a single Array. But in multiple it doesn't

This should work.. <span ng:repeat="(index, value) in array" ng-click="imClicked(value)"> — cjmling
– cjmling, Commented Jun 10, 2016 at 5:46
Neither the question nor its accepted answer has any button in it. It's also unclean what you mean with "button value". So I have no idea what you're asking. Explain, in your own question, what you're trying to achieve, and show the code you tried. — JB Nizet
– JB Nizet, Commented Jun 10, 2016 at 5:49
Stop using $parent. Call functions on your $scope, and put the code you want to execute in that function. The parent scope of the inner ng-repeat is the scope of the outer ng-repeat, not the scope of the controller. — JB Nizet
– JB Nizet, Commented Jun 10, 2016 at 6:00

rahlrokks · Accepted Answer · 2016-06-10 05:51:08Z

1

You can try something like this.

 <body ng-app="myApp" ng-controller="myCtrl">
    <div ng-repeat="value in array">
            <button ng-click=myFunction(value,$index)> MyButton</button>
    </div>
 </body>

app.controller('myCtrl', function ($scope) {
$scope.myFunction = function(val,index) {
console.log(val) };
});

answered Jun 10, 2016 at 5:51

rahlrokks

5011 gold badge5 silver badges12 bronze badges

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

Comments

Ranendra · Accepted Answer · 2016-06-10 05:51:47Z

-2

//assuming this is your array

$scope.data = [
    ["opt1", "opt2", "opt3"],
    ["opt1", "opt2", "opt3"],
    ["opt1", "opt2", "opt3"]
];

// using ng-repeat to show all data

<table>
    <tr ng-repeat="row in data">
        <td ng-repeat="column in row" ng-click="somefunction('{{column}}')">{{column}}</td>
    </tr>
</table>

THEN PASS IT TO THE CONTROLLER AND GET THE VALUE THERE..

answered Jun 10, 2016 at 5:51

Ranendra

211 silver badge9 bronze badges

1 Comment

Silvinus Over a year ago

column is an object: just write ng-click="somefunction(column)"

Collectives™ on Stack Overflow

Get Button Value when click in Angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related