AngularJS選擇DOM元素，該元素通過標簽成為指令

Question

有沒有辦法從我調用select命令中選擇屬於指令的DOM元素？

例如-我有兩個指令。 他們每個人都在指令view.html獲得了<input> 。

view1.html

<input></input>

view2.html

<div>other input<div>
<input></input>

我在指令中聲明了控制器，這些指令用於處理內容。

首先（從view1指令調用）

$scope.selectView1Input = function(){
     var input = angular.element('input');
}

第二（從view2指令調用）

$scope.selectView2Input = function(){
     var input = angular.element('input');
}

但是在正常情況下，它會選擇相同的輸入字段（我期望他的行為，因為它看起來就像是dom選擇器，所以）

我不想使用id 。 只是簡單的標簽，那么，有什么辦法可以做到這一點？

Answer 1

您可以使用jQuery或內置的jqLit​​e選擇元素：

app.directive('myDirective', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attr) {
            var input = element.find('input');
            …
        }
    };
});

Answer 2

您可以在從指令調用函數時使用$event 。 以$ event作為參數調用函數。

ng-click="selectView1Input($event)"

（如果您在點擊時調用該函數）。

您的函數將如下所示：

首先（從view1指令調用）

$scope.selectView1Input = function(event){
     var input = $(event.target);
}

第二（從view2指令調用）

$scope.selectView2Input = function(event){
     var input = $(event.target);
}