twitter-bootstrap – 具有角度的可点击引导行

我有一张桌子,风格有自举.此表的内容使用Angular.js填充.如何使行可点击,以便调用范围内的函数？

以下代码对我无效(ng点击部分)：

表：

<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({{$index}});">
                <td>{{ ingredient.name }}</td>
                <td>{{ ingredient.status }}</td>
            </tr>
        </tbody>
    </table>

控制器：

$scope.setSELEcted = function(indeX) {
    $scope.SELEcted = $scope.ingredients[index];
    console.log($scope.SELEcted);
};

<tr ng-repeat="ingredient in ingredients" ng-click="setSELEcted();">
    <td>{{ ingredient.name }}</td>
    <td>{{ ingredient.status }}</td>
</tr>

<script>
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);
    };

}
</script>