Angular js获取表td索引,单击表上的任何td

时间:2014-04-02 08:27:43

标签: jquery html angularjs

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

我使用像这样的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){


            });

我从一个只需要几列的地方获得了一个动态表格。 我将在表格中重复$ scope,我想编辑该动态并将该数据发布到数据库。

1 个答案:

答案 0 :(得分: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
};