CSS class missing on angular view

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

I want to do some work when the user clicks on the clickableRows rows.

Thanks

your console.log is outside the $(document).ready so the table may not be loaded when the log line fires. - But you really could just use the ng-click from angular — Code Uniquely
– Code Uniquely, Commented Jul 14, 2014 at 11:50

t0mpl · Accepted Answer · 2014-07-14 11:44:01Z

1

why do you mix jquery and angularjs like this ? you can just do it with angularjs

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

and in your controller

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

answered Jul 14, 2014 at 11:44

t0mpl

5,0453 gold badges34 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

CSS class missing on angular view

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