각 타이프 스크립트 지시문, 요소 링크 내부에서 div 찾기

Question

각도로 typescirpt를 사용하고 있습니다.

난 그냥 사업부 포함 된 텍스트와 클래스 이름 '블록 가까운'나는 닫기 버튼에 클릭 기능을 추가 할 필요가

와 닫기 버튼 인 지침을 만들었습니다.

지시문 안에있는 버튼에 클릭 이벤트를 어떻게 추가합니까?

angular.element('.block-close').on('click', function(){ 
     alert('here'); 
    }); 

    angular.element(document).find('.block-close').on('click', function(){ 
     alert('here'); 
    }); 

    (()=>{ 

     class MyDirective implements ng.IDirective{ 

      public restrict = 'E'; 
      public scope = {}; 
      public controller = 'MyController'; 
      public controllerAs = 'myCtrl'; 
      public bindToController = true; 
      public templateUrl = "mysite.html"; 

      constructor(){ 

      } 

      link = (scope, element, attrs) => { 
       angular.element('.block-close').on('click', function(){ 
        alert('here'); 
       }); 
      }; 

     } 

     angular.module('myMod').directive('myDirective',()=> new MyDirective()); 

    })(); 

Answer 1

같은

내가 해봤 일이 난 그냥 당신의 "mysite.html는"이

<div> 
<input type="button" value="close" class="block-close"/> 
</div> 

과 같은 코드를 가지고 그리고 당신은 추가 버튼에 대한 이벤트를 클릭하여 처리하는 것을 가정하고있다 클래스 "블록 닫기".

실제로 링크 함수 내에서 당신은, 그래서 그냥 하나 개의 기능은 다음과 같이 추가

link = (scope, element, attrs) => { 
       scope.closeClicked =() =>{ 
          alert("clicked.."); 
        } 
      }; 

을 그 지침의 범위에 액세스 할 수 있으며처럼 "mysite.html"를 업데이트 아래

<div> 
    <input type="button" value="close" ng-click="closeClicked()" class="block-close"/> 
</div>