angular如何获取一段html代码赋值到另一个地方,html里面的ng-click事件还要能生效?

我要使用一个ng-click点击获取一段html,这个html里面还有个ng-click事件,我用js找到这段html然后赋值到一个弹层里面,这个html的ng-click事件就无效了,怎么整?
$scope.readmore_maincomment = function(event){

    var html = $(event.target).parent(".subcomments").prev().html();           
        $(".subcomments_detail").find(".subcomment_con").html(html);

};

代码是简写的,就是这样获取的内容,可能方法用错了,把angular与jQuery混用了,谁能告诉我怎么获取这个html内容,然后html里的ng-click还要能生效

angular在启动初期会遍历dom,找出所有在html里绑定的directive进行compile和link后,类似`v-click`这样的指令才会在所在的dom元素上绑定响应事件。如果直接将html字符串插入到dom中angular是没有机会解析这串html里的指令。为了解决这一问题,angular内置的$compile service.

Usage:

  1. inject $compile service

  2. $compile(htmlstring or domelement)(scope)

  3. 如果compile htmlstring 最后在将link后的返回插入到dom中

  • $compile() return a link function which bind the template to a scope

官网文档:

https://docs.angularjs.org/api/ng/service/$compile

angularjs的思想应该尽量避免对dom的操作,你的需求应该通过其他的方式实现,通过数据的绑定达到你的目标,或者你可以使用ng-template来做。

dom的操作都是在 指令里面的,你要将你当前要操作的dom结构写成指令 ,然后link函数中的参数中有ele可以供你操作,你想要复制的那段html有ngclick 也不会有影响的 一样能在复制之后能生效 。

  • $scope获取不到值
  • angular 指令 link 获取不到 ng-repeat 生成的元素 怎么解决?
  • angularJs中service,factory,controller之间的区别及适用场景?
  • 在一个网站上面实现打印的功能可行吗。
  • 在终端中用yeoman启用angular-generator报错,求解?
  • laravel 配合 angular跨域问题
  • angular如何上传文件到七牛云存储?
  • Angular.js 依赖注入问题
  • angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
  • form表单提交参数遇到的问题
  • 微博开发者API,有没有提供CORS跨域配置。