Vanila의 변형 각도 명령

Question

내 문제는 내 각도 명령문을 JavaScript 함수로 전송하는 방법입니다. 벤은 어떤 성공이라도없이 약한자를 찾고 있습니다.

저는 고용주와 기밀 유지 계약을 맺었으므로 제 코드를 공유 할 수는 없지만 그 질문은 쉽게 이해할 수 있다고 생각합니다.

어떤 조언을 해 줄 수 있습니까?

간단한 예를 들자면, 초보자도 할 수있는 것처럼 명확하게하려고합니다. 내가하고 싶은 무엇

app.directive('helloWorld', function() { 
    return { 
    restrict: 'AE', 
    replace: true, 
    template: '<p style="background-color:{{color}}">Hello World', 
    link: function(scope, elem, attrs) { 
     elem.bind('click', function() { 
     elem.css('background-color', 'white'); 
     scope.$apply(function() { 
      scope.color = "white"; 
     }); 
     }); 
     elem.bind('mouseover', function() { 
     elem.css('cursor', 'pointer'); 
     }); 
    } 
    }; 
}); 

이 같은 것입니다 :

function directiveWraper(scope, elem, attrs){ 
app.directive('helloWorld', function() { 
    return { 
    restrict: 'AE', 
    replace: true, 
    template: '<p style="background-color:{{color}}">Hello World', 
    link: function(scope, elem, attrs) { 
     elem.bind('click', function() { 
     elem.css('background-color', 'white'); 
     scope.$apply(function() { 
      scope.color = "white"; 
     }); 
     }); 
     elem.bind('mouseover', function() { 
     elem.css('cursor', 'pointer'); 
     }); 
    } 
    }; 
}); 
} 

그래서 내가 자바 스크립트 함수에 지시를 포장하고 싶은, 전혀 풀

이

는 지침입니다 그 함수의 params.

Answer 1

그래서 나를 찾고있는 것처럼 보이는데 DOM 요소를 사용하고 id (DOM 조작, 스타일 또는 다른 것)에 변경 사항을 적용하는 기능입니다. 각 지시자가하는 것은 돔에 대한 변경 사항을 컨테이너로 감싸는 것일뿐입니다.

angle.js를 사용하고 싶지 않다면 코드를 작성하는 것이 가장 좋은 방법은 달성하고자하는 것에 대한 jQuery가 될 것입니다. 실제로 지시어가 사용하는 것은 가벼운 버전의 jQuery이다.

당신이 링크 기능에서 모든 것을 가지고와의 jQuery 같은 객체 ELEM 교체이기 트릭을 어떻게해야

:

var $elem = $(".myclass"); 
$elem.bind('click', function() { 
    $elem.css('background-color', 'white'); 
    //do something else onclick 
}); 

$elem.bind('mouseover', function() { 
    $elem.css('cursor', 'pointer'); 
}); 

당신은 좀 더 변경해야 할 수도 있지만이 당신을 올바른 길로 인도해야합니다. 또한 문서를로드 한 후이 코드를 호출하여 찾고자하는 요소가 DOM에 있는지 확인할 수 있습니다.

$.ready(function(){ 
    //..do stuff in here after the document.ready event fired 
});