Write event onclick not via using ng-click in angularjs

Question

I want to set event onclick for an object not via using ng-click like jQuery syntax:

<button>Click me</button>
<script>
    $('button').click(function () {
        alert('Hello World!')
    });
</script>

My question, is there a way to write event onclick like that in angularjs?

I don't want to use this way:

<button ng-click="sayhello()">Click me</button>

angular.module('myModule', []).controller('myController', function ($scope) {
    $scope.sayhello = function () {
        alert('Hello World!');
    };
});

I want to hide the information ng-click="sayhello()" in the html.

In my opinion, this would defeat the purpose of using angular in the first place. Directives, such as ng-click are necessary for angular to make sense. Of course, if you are not against using directives, but just want to avoid ng-click for some reason (even though I must admit I can't understand why this would be the case), you can always write your own directive. — Kazimieras
– Kazimieras, Commented Jun 20, 2016 at 16:52

Sajal · Accepted Answer · 2016-06-20 17:04:54Z

1

Try angular.element:

var ele = angular.element('button');

Same Jquery Code:

ele.click(function () {
   alert('Hello World!')
});

Demo

answered Jun 20, 2016 at 17:04

Sajal

4,4111 gold badge22 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ZenDD · Accepted Answer · 2016-06-20 16:57:53Z

0

<button click-me>Click me</button>

angular.module('myModule')
  .directive('clickMe', function(){
    return {
      link: function(scope, element){
        element.on('click', function(){
          alert('Wassup');
        })
      }
    }
})

answered Jun 20, 2016 at 16:57

ZenDD

9561 gold badge8 silver badges17 bronze badges

Collectives™ on Stack Overflow

Write event onclick not via using ng-click in angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related