角度视图缺少CSS类

Question

index.html的：

<div ng-view="myview.html"></div>

myview.html：

<table class="table table-striped table-hover">
<tr>
<td>Name</td>
<td>Product</td>
</tr>
<tr ng-repeat="deal in deals" class="clickableRow">
<td>{{deal.name}}</td>
<td>{{deal.product}}</td>
</tr>
</table>

的script.js：

$(document).ready(function($) {
      $(".clickableRow").click(function() {
            console.log("click");
      });
    }); // does nothing
console.log($(".clickableRow").length) // returns 0

当用户单击clickableRows行时，我想做一些工作。

谢谢

Answer 1

你为什么要像这样混合使用jquery和angularjs？ 你可以用angularjs做

<tr ng-repeat="deal in deals" ng-click="clickRow(deal)">

并在您的控制器中

$scope.clickRow = function(deal) {
  console.log(deal)
}