すべてのmdボタンのクリックイベントを角度材料で指示すると

Question

私はAngularJS Webアプリケーションで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"); 
     }); 
    } 
    }; 
});