angularjs - Angular ng-init 将元素传递到作用域

Question

有没有办法获取我的 ng-init 当前绑定(bind)的当前元素？

例如:

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

我相信有一种 ng-click 的方法，但我不能像这样使用 ng-init 来做到这一点:

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

Controller :

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

如何使用 ng-init 执行此操作？

Answer 1

您的 HTML:

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

你的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);
    };
});

从上面来看，element 将是您的 DOM 对象。