Javascript 将元素内的Html DOM作为字符串传递给AngularJS控制器

我想将元素中的HTMLDOM作为字符串抓取到angular控制器中。我没有在网上找到好的资源。我有以下Html代码：

 <div class="form-group ng-controller="straightRunningBeltsCtrl"">
         <button class="btn btn-success btn-lg" ng-click="post()">Get Service Factor</button>

           <div id="pop-up"><h1>My content here!!</h1></div>
      </div>

---

变量模板需要从DOM中获取值。现在，

angular.element（document.getElementById（'pop-up'）

返回对象。我想像JQuery一样使用

html（）

函数。欢迎对它的任何帮助或引用。

要在DOM元素中检索html，可以使用

innerHTML

。在您的情况下，它是

document.getElementById('pop-up').innerHTML

---

为什么jqLite不支持通过选择器查找元素时没有角度元素（“弹出”）？？@Vanojx1导致

“错误：[jqLite:nosel]请参阅：http://docs.angularjs.org/api/angular.element“

error.element似乎支持html（）函数看这里@Vanojx1我看到了这一点，但我还不能实现它！它导致

“错误：[$sce:itype]试图信任需要字符串：上下文：html的内容中的非字符串值”

！@DineshDevkota它在这里工作尝试警告模板或检查它的值。它是未定义的。好吧，只是简单的JS工作。我没有想清楚。删除

$sce.trustAsHtml（angular.element（document.getElementById（'pop-up'））

并替换为

document.getElementById（'pop-up'）。innerHTML

document.getElementById('pop-up').innerHTML