javascript - 使用 html5 数据操作和 Angular

Question

在开始使用 angularjs 之前，我之前使用过 jquery。

之前我的标题是:-

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

});

现在集成 Angular 后，这在点击时不起作用。

有没有一种方法可以纠正，而不必将所有内容更改为指令。

Answer 1

在其中放置一个data-action，然后在其上放置一个选择器来触发处理程序 - 使用 ng-click 。

在模板中:

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

在 Controller 中:

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

或者使用 ES5 语法:

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