javascript - 获取 ng-repeat 中行和列的索引

Question

我现在已经创建了如图所示的结构，每当点击任何一个框时，我想要它的行和列索引，可以得到吗？

这是我的代码片段:

<div ng-model="$index" class="row header" ng-repeat="item in dateArray" ng-click="booked($parent.$index)" >
        <div class="col col1 columncenter" style="background-color: #11c1f3;-webkit-box-shadow: 0 0 20px 0px #999;">
                <h3 style="color: white">{{item}}</h3>
        </div>

        <div class="col col1 columncenter"/>
        <div class="col col1 columncenter"/>
        <div class="col col1 columncenter"/>
        <div class="col col1 columncenter"/>

</div>

Answer 1

由于您有静态的列数，您可以简单地执行以下操作:

$scope.clicked = function(row, column){

}

<div ng-model="$index" class="row header" ng-repeat="item in dateArray"
 ng-click="booked($parent.$index)">
    <div class="col col1 columncenter">
            <h3 style="color: white">{{item}}</h3>
    </div>

    <div class="col col1 columncenter" ng-click="clicked($index, 1)"/>
    <div class="col col1 columncenter" ng-click="clicked($index, 2)"/>
    <div class="col col1 columncenter" ng-click="clicked($index, 3)"/>
    <div class="col col1 columncenter" ng-click="clicked($index, 4)"/>
</div>