2014-04-02 125 views
0

我想從表中獲取td的索引,該表的動態列數和行數。所以我不能在每個td上點擊。角js獲得表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我將在表格中重複,我想編輯該動態並將該數據發佈到數據庫。

+0

如果您在表上應用ng-repeat,然後添加,您可以使用$ index找到該列。在td上你可以寫'data-ng-click = someMethod($ index);' –

回答

1

你可以把你的桌子上一個ng-click指令,並通過「$事件」屬性作爲參數調用函數:

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

在你的控制器,然後你可以定義函數接受事件參數:

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