Angular ng-init pass element to scope

Question

Is there a way to get the current element where my ng-init is currently binded on?

For example:

<div ng-init="doSomething($element)"></div>

I believe that there is a way for ng-click but I can't do this using ng-init like this:

<div ng-click="doSomething($event)"></div>

Controller:

$scope.doSomething = function(e){ 
    var element = angular.element(e.srcElement); 
}

How do I do this with ng-init?

Answer 1

Your HTML:

<div ng-app='app' ng-controller="Ctrl">
    <div my-dir></div>
</div>

Your Javascript:

var app = angular.module('app', [], function () {});

app.controller('Ctrl', function ($scope) {
    $scope.doSomething = function (e) {
        alert(e);
    };
});

app.directive('myDir', function () {
    return function (scope, element, attrs) {
        scope.doSomething(element);
    };
});

From above, element will be your DOM object.

Answer 2

Don't do it.

As @CodeHater said, handling DOM manipulation in a directive is a better solution than engaging controller with the element.