Как отрендерить директиву в контроллере?

Question

[Вадим]

Например есть директива

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

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

и в контроллере я пытаюсь сделать следующее

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

compile просто возвращает div элемент, а хотелось бы, чтобы темплэйт директивы.

Answer 1

[lega]

Возможно темплейт ещё не подгрузился, попробуйте проверить результат через пару секунд.

Answer 2

[Николай]

Цитата из доки по angular js:

Angular normalizes an element's tag and attribute name to determine which elements match which directives. We typically refer to directives by their case-sensitive camelCase normalized name (e.g. ngModel). However, since HTML is case-insensitive, we refer to directives in the DOM by lower-case forms, typically using dash-delimited attributes on DOM elements (e.g. ng-model).

В вашем случае нужно изменить код на :
var temp = "<div my-dir></div>";