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。

PS我也可以通过将指令模板的外部html用作display: none来实现相同效果display: none但这似乎有点怪癖。

Answer 1

$compile服务应该能够做到这一点。 将其注入到您可以访问范围的控制器中（使用printData ）。

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

Answer 2

我必须在AngularJS应用程序中实现相同的目的-我保留了Print-Button的指令，并且保留了要打印的div或HTML块的id ，并保留了div/html ng-show=false 。 我认为这是完成所需任务的正确方法之一。