Angular JS在单击表上的任何TD时获取表TD索引

Question

我想从表中获取td的索引，该表的列数和行数将是动态的。 所以我不能在每个td上单击ng。

我用这样的jQuery来得到...

            <table border="1">
              <tr>
                <td>0</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
              </tr>
              <tr>
                <td>0</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
              </tr>
              <tr>
                <td>0</td>
                <td>1</td>
                <td>2</td>
                <td>3</td>
              </tr> 
            </table>
       <script>
            $("table tr").on("click", "td", function(){
                var col = this.cellIndex;
                //alert(col);
                $('table tr').find('td:eq('+col+'),th:eq('+col+')').remove();
            });
       </script>

那么如何在我的控制器中得到它

            app.controller('MyCtrl1', function($scope){


            });

我从仅需要几列的地方获得了一个动态表。 我将在表中ng-repeat的$ scope，我想编辑该动态并将该数据发布到数据库。

Answer 1

您可以在表上放置一个ng-click指令，然后将'$ event'属性作为参数传递给被调用函数：

<table ng-click="tableClicked($event)">
    <!-- Rest of the table contents -->
</table>

然后，在控制器中，您可以定义函数以接受事件参数：

$scope.tableClicked = function (event) {
    //event has all the details of the click event
};