Can I use ng-click and onclick together

angularjs onclick angularjs-ng-click
inoxious picture inoxious · Oct 29, 2014 · Viewed 18.2k times · Source

I am working on one small angularjs app. I have a button, where I am using 2 events, ng-click, and onlick. It works right and there are no issues, but I want to be sure 100% I am doing it good and is my approach right ? Is it allowed to have them together at a button state events ?

Answer

Kursad Gulseven picture Kursad Gulseven · Oct 29, 2014

You can bind as many events as you wish to a button etc. But this is superfluous. See this jsFiddle: Bind events

JS:

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.ngFn = function () {
        console.log("ngFn is triggered!");
    };
}

function nativeFn() {
    console.log("nativeFn is triggered!");
};

$(document).ready(function() {
    $('#forJq').bind('click', function () {
        console.log("Anonymous function bind by jq is triggered!");
    });
});

HTML:

<div ng-controller="MyCtrl">
    <button id="forJq" onclick="nativeFn()" ng-click="ngFn()">Try me!</button>
</div>

Related questions

Angularjs ng-click: how to get `this` data?

Let say I have this item in the list with angular ng-click event. <a data-id='102' ng-click='delete()'>Delete</a> How can I get the data/ info if this then? $scope.delete = function() { var …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More