Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>Name</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="ingredient in ingredients" ng-click="setSelected();">
                <td>{{ ingredient.name }}</td>
                <td>{{ ingredient.status }}</td>
            </tr>
        </tbody>
    </table>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    
    $scope.ingredients = [
        {'name': 'potato'},
        {'name': 'tomato'}
    ];
    
    $scope.setSelected = function() {
        $scope.selected = this.ingredient;
        console.log($scope.selected);
    };
    
}