Angularjs: access template in directive <p>What I want to do is to append compiled template to some other DOM element in Angualrjs directive. Is it possible? How? </p> <p>I know you can use transclude to include the template and keep content in the tag, but how do I attach my compiled template to other DOM element?</p> <pre><code>angular.module("my.directive") .directive('passwordStrength', [function(){ return { templateUrl: '/tpl/directive/passwordStrength.html', restrict: 'A', link: function postLink(scope, iElement, iAttrs){ console.log('password strength is running'); iElement.append($template) // problem here!!! } }; }]); </code></pre>