javascript - angularJS在内存中执行指令并获取innerHTML

Question

我在 angularJS 中创建了一个指令 <print-note print-data='printData' id='notePrintDiv'></print-note>该指令将采用一些对象并创建一个用于打印的格式化 html，但我不想在我的主 html 中显示格式化的 html，我想要用于打印输出的格式化 html。所以我想在 angularJS 中是否有任何方法，我只需创建元素并将范围对象传递给它，如 angular.element("<print-note print-data='printData' id='notePrintDiv'></print-note>");或任何其他方式并获取其innerHTML。

附注我也可以通过将指令模板的外部 html 设置为 display: none 来实现相同的目的但这似乎有点老套。

Answer 1

$compile服务应该能够做到这一点。将其注入(inject)您有权访问范围的 Controller 中(使用 printData)。

var element = $compile('<print-note print-data="printData" id="notePrintDiv"></print-note>')($scope);