Angular Ng-repeat

ng-repeat with action for each item

by Rahul Sharma

HTML

<div ng-app="myApp">
    <div ng-controller="AvengersCtrl">
        <input type="text" ng-model="search.$" />
        <table>
            <tr ng-repeat="actor in avengers.cast | filter:search">
                
                <td><button ng-click="clickMe(actor)">Click me</button></td>
                <td>{{actor.name}}</td>
                <td>{{actor.character}}</td>
            </tr>
        </table>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
function AvengersCtrl($scope) {
    $scope.avengers = {
        cast: [
            {
            name: "Robert Downey Jr.",
            character: "Tony Stark / Iron Man"
        }, 
            {
            name: "Chris Evans",
            character: "Steve Rogers / Captain America"
        },
            {
            name: "Mark Buffalo",
            character: "Bruce Banner / The Hulk"
        }
        ]
    };
    
    $scope.clickMe = function(actor) {
    	alert(actor.name);
    }
}