How to render a directive in a controller?

Question

JavaScript

For example, there is a directive

(function() {
    angular.module("myDir", []).directive("myDir", myDir);

    function myDir() {
        return {
            restrict: "EA",
            templateUrl: "app/components/myDir/myDir.template.html",
        };
    }
}());

and in the controller i am trying to do the following

var temp = "<div myDir></div>";
var content = $compile(temp)({});

compile simply returns the div element, but would like a template directive.

Answer 1

Perhaps the template has not loaded yet, try to check the result in a couple of seconds.

Answer 2

Quote from the angular js docs:
In your case, you need to change the code to:
var temp = "<div my-dir></div>";