Transmettre les informations du bouton de matériau angulaire au contrôleur

Question

J'utilise angularjs v1 et un matériau angulaire.

J'utilise ce lien comme référence pour ajouter un bouton de matériau angulaire.

https://material.angularjs.org/latest/demo/button

J'ai ce simple bouton matériel angulaire. Voici le code html;

<md-button class="md-raised">Add Data</md-button> 

Lorsque ce bouton est pressé, je voudrais courir console.log('button pressed'); dans mon contrôleur angulaire.

.controller('DataAddCtrl', ['$scope', 
    function ($scope) { 

    }]) 

Answer 1

simple:

<md-button class="md-raised" ng-click="myFunc()">Add Data</md-button> 

et dans votre contrôleur:

.controller('DataAddCtrl', ['$scope', 
    function ($scope) { 
     $scope.myFunc = function() { 
     console.log('button pressed'); 
     } 
    }]) 

En savoir plus sur ng-click ici: https://docs.angularjs.org/api/ng/directive/ngClick

Answer 2

Essayez cette

<md-button class="md-raised" ng-click=btnClick()>Add Data</md-button> 



.controller('DataAddCtrl', ['$scope', 
     function ($scope) { 
    $scope.btnClick=function() 
    { 
     console.log('button pressed'); 
    } 
    }])