将ng-click应用于表格列

时间:2014-01-04 19:55:14

标签: html angularjs

是否可以将AngularJS中的ng-click应用于表格列?我尝试了下面的内容,但似乎没有做到这一点。

<table> 
    <colgroup>
      <col ng-repeat="item in items" ng-click="myFunction(item)"> </col>
    </colgroup>

    <thead>
      <tr>
        <th ng-repeat="item in items"> {{item.title}} </th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td ng-repeat="item in items"> {{item.info}} </td>
      </tr>
    </tbody>
 </table>

1 个答案:

答案 0 :(得分:4)

不可能以你尝试过的方式去做。您可以在每个td元素上注册ng-click。另一种可能性是在表元素处注册ng-click并使用原始dom事件来确定单击列。您可以通过以下方式访问事件:ng-click =&#34; myFunction($ event)&#34;然后在控制器中:

$scope.myFunction = function(e){
   console.log(e);
}

如果您想这样做,请参阅此帖子How to find row and col number of a cell in table ...