using html5 data-action and angular

Question

I was using jquery ealier before starting to use angularjs.

Earlier I head this:-

$('[data-action^="backtop"]').click(function(){

});

and now after integrating angular this does not work on click.

Is there a way i can correct without having to change everything to directives.

Answer 1

Where you'd put a data-action and then a selector over it that fires a handler - use a ng-click.

In the template:

<div ng-controller="MyCtrl as ctrl"> <!-- or whatever container --> 
 <button ng-click="ctrl.backtop()" ng-init="count=0">
</div>

And in the controller:

class MyCtrl {
    backtop() {
       // code here, what you had in the click handler
    }
}
app.controller("MyCtrl", MyCtrl);

Or in ES5 syntax:

app.controller("MyCtrl", function(){ 
    this.backtop = function() { /* handler code here */ }
});