Angular js get table td index on click any td on the table

Question

I want to get the index of the td from the table which will be dynamic in number of column and rows. So I can't put ng-click on each td.

I get that using jquery like this ...

            <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>

So how to get that in my controller

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


            });

I get a dynamic table from where I need only few column. The $scope i will ng-repeat in the table, I want to edit that dynamical and post that data to database.

if you are applying ng-repeat over table then add you can find the column by using the $index. on td you can write data-ng-click=someMethod($index); — Tech Savvy
– Tech Savvy, Commented Apr 2, 2014 at 8:32

callmekatootie · Accepted Answer · 2014-04-02 08:33:22Z

1

You can place a single ng-click directive on your table and pass the '$event' property as an argument to the called function:

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

In your controller, you can then define the function to accept the event parameter:

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

answered Apr 2, 2014 at 8:33

callmekatootie

11.2k16 gold badges74 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular js get table td index on click any td on the table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related