AngularJS가있는 요소에 지시문을 추가 하시겠습니까?

Question

저는 AngularJS로 며칠 동안 놀았지만 지시어를 관리하는 방법에 대해서는 아직 이해할 수 없으며 찾고있는 곳에서 좋은 답변을 찾을 수 없었습니다.

예를 들어 특정 이벤트에 지시문을 추가하려는 특정 div가 있다고 가정 해 봅니다. 한 번의 클릭으로 그렇게하는 가장 좋은 방법은 무엇입니까? 또는 내 접근 방식이 완전히 잘못 되었습니까? 다른 방식으로 수행해야합니까? 당신의 도움을 사전에 http://plnkr.co/edit/KM2KFVb6iuhtQKrLYax1?p=preview

감사 :

은 더 나은 내 문제를 설명하기 위해 Plunker을 설정 한!

Answer 1

이 질문은 부분적으로 당신의 방법을 작동하지 않는 이유를 설명 : How to pass custom directive name dynamically in class attribute of div tag?

이 또한 그 일을의 각 -esque 방법이 아니다. 나는이 될 것이라고 생각보다 각 당신이 원하는 일을하면서 같은 : http://plnkr.co/edit/fNZvZ1vzQYQLjZti37GQ?p=preview

템플릿

<div class="whatever" ng-if="!directiveOn">div.whatever</div> 
<div newstuff ng-if="directiveOn">div.whatever</div> 

컨트롤러

$scope.directiveOn = false; 
    $scope.click = function() { 
    $scope.directiveOn = true; 
    }; 

를 다른 옵션은 통과하는 것 안내문 이온 여부 켜져 여부 또는 해제 끄기.