Not able to route from the jquery css click in AngularJS

Question

I have following click binding with AngularJS which is working fine : data-ng-click="vm.newCard()"

newCard() :

  $location.path("xxxx/card/0");

which is navigating correctly.

Now, I have following click binding with Jquery

 $(".responsiveTableBody").off("click", ".responsiveRow", vm.newCard);

click event is executing but it not route to URL

Any ideas on how to route?

Answer 1

Since you are trying to call a function that only angularjs know about you would need to get hold of the angularjs scope from jquery and also notify angularjs that this function has been triggered afterwards. Take a look at this similar question Call Angular Function with Jquery