Как использовать переменные внутри вложенного потомка в ng-repeat?

Question

У меня есть следующая структура для моих представлений

<tr ng-repeat="row in $ctrl.data">
    <div>
        <tr>
            I want to use row value here
        </tr>
        <div>
            I want to use index here
        </div>
    </div>
</tr>

Я пытаюсь использовать ng-init для значений или сделать присвоение переменной, как это {{currentRow = row; currentIndex = index;"'}}" и использую новые значения, но не работает

Может у кого-нибудь есть другая идея решить эту проблему

Answer 1

Пожалуйста, проверьте пример:

var myApp = angular.module('myApp', []);
myApp.controller('QuestionCtlr', ['$scope', '$log', function($scope, $log) {
    $scope.questions = [
        ["what is 1+1?"],
        ["what color of the sky"],
        ["what is the answer to the universe"]
    ];
    $scope.answers = [
        2, ["blue, black or orange"],
        40
    ];
    $scope.active = null;
    $scope.hideme = function(i) {
        $scope.active = i; 
    }
}]);

<table class="table table-hover">
        <thead>
            <tr>
                <th>Question</th>
                <th>Answer</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="q in questions">
                <td>{{q[0]}}</td>
                <td ng-class="{hide : active != $index}">{{answers[$index]}}</td>
                <td>
                    <button type="button" ng-click="hideme($index)" class="btn btn-default">show me</button>
                </td>
            </tr>
        </tbody>
    </table>

jsfiddle