使用 Angular Material 的指令捕获所有 md-buttons 上的点击事件

Question

我在 AngularJS 网络应用程序中使用 Angular Material 作为 UI 框架。

我试图对每次 md-button 点击执行特定操作。我以为它就像添加一个指令一样简单，但不幸的是没有任何反应。

app.directive('md-button', function(){
    return {
        restrict: 'AEC',
        link: function(scope, element){
            $(element).on('click', function (e) {
                console.log("button clicked");
            });
        }
    };
});

如何对我网站上的每次 md-button 点击执行操作？

EXAMPLE

Answer 1

您必须像这样使用驼峰式命名来声明您的指令名称：

.directive('mdButton', function(){
  return {
    restrict: 'AEC',
    link: function(scope, element){
        angular.element(element).on('click', function (e) {
            console.log("button clicked");
        });
    }
  };
});

使用 Angular Material 的指令捕获所有 md-buttons 上的点击事件

Capturing a click event on all md-buttons with directive with Angular Material

javascript

jquery

angularjs

angular-material