Angularjs pass element to function

Question

As per core we used this for get element but in AngularJS we get $scope context.

So, I tried this question but without success.

Here is my attempt:

Controller

$scope.clickMe = function(ele) {
    console.log(ele);
    console.log(ele.id);
};

HTML

<div class="input-group">
    <input type="number" id="test-id" ng-blur="clickMe($event.target);">
</div>

How do I get the element in the function?

when you pass this like ng-blur="clickMe(this);", are you not getting element? — Ved
– Ved, Commented Jan 12, 2018 at 5:54

Ved · Accepted Answer · 2018-01-12 06:05:14Z

8

use : $event.currentTarget;

 <div class="input-group">
        <input type="number" id="test-id" ng-blur="clickMe($event);">
    </div>

    $scope.clickMe = function(ele) {
        console.log(ele);
        console.log(ele.currentTarget);
    };

Fiddle" http://jsfiddle.net/h8to34ux/221/

answered Jan 12, 2018 at 6:05

Ved

12.1k5 gold badges46 silver badges61 bronze badges

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

1 Comment

John Rix Over a year ago

+1 for 'event.currentTarget'. I did not know about this, but it is great for getting the element that actually contains the click handler, as opposed to 'event.target' which may instead point to a child element that was actually clicked on (for example, a <span> element inside of a button that owns the ng-click handler).

mitmak · Accepted Answer · 2018-01-12 06:05:05Z

2

your ng-blur event should send $event only like ng-blur="clickMe($event);"

then in your controller

$scope.clickMe = function(ele) {    
    console.log(angular.element(ele));
    console.log(angular.element(ele).attr('id'));
};

answered Jan 12, 2018 at 6:05

mitmak

962 bronze badges

Collectives™ on Stack Overflow

Angularjs pass element to function

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related