在编译后如何访问已编译元素的模板？

Question

说我有一个像这样的元素：

<elemental></elemental>

我可以通过运行拉范围：

angular.element($('elemental')).scope()

从DOM以类似方式编译元素后，是否可以获得元素的源模板？

Answer 1

尽管有可能，但我认为用例应该很少见（即您的代码在Angular“世界”之外运行）。我已经给指令指定了一个具有相同名称的ID，以便可以通过DOM找到它，但是可以使用应用程序中包含的任何DOM元素来完成此操作：

var appElement = angular.element(document.getElementById('elemental'));
var injector = appElement.injector();
var myTemplate = injector.get('elementalDirective')[0].template;
console.log(myTemplate);    // the template