AngularJS 에서 동적으로 디렉티브 생성

처음부터 생성할 필요가 없는 요소를 나중에 동적으로 생성하기 위한 코드입니다.
페이지 로딩 시에 초기화하는 객체의 수를 줄여서 조금이라도 빠르게 페이지가 실행되도록 하고, 필요할 때 해당 객체를 생성할 수 있습니다.
아래 코드는 브라우저 콘솔에서 실행하기 위한 것으로, 실제 필요한 부분은 마지막 줄입니다.

var $body = angular.element(document.body);
var $scope = $body.scope();
var injector = $body.injector();
var $compile = injector.get("$compile");
 
angular.element("#wrapper").append( $compile("<my-directive></my-directive>")($scope) );

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다