angular.js - angular如何手动编译后插入的dom？

Question

在页面进行一些操作后，会插入一段html代码 如何编译这段html，使绑定在上面的事件啦，变量生效啊~

PHP中文网 · Answer

angular出于安全考虑，我们插入的html代码里的事件和绑定的ng-model都不会起作用。

如果要起作用，需要使用angular的$compile service

我一般处理的时候会使用一个directive

javascriptangular.module(...).directive('jxbBindCompiledHtml', function ($compile) {
  'use strict';

  return {
    template: '



',
    scope: {
      rawHtml: '=jxbBindCompiledHtml'
    },
    link: function (scope, elem, attrs) {
      scope.$watch('rawHtml', function (value) {

        if (!value) {
          return;
        }

        // we want to use the scope OUTSIDE of this directive
        // (which itself is an isolate scope).
        var newElem = $compile($.parseHTML(value))(scope.$parent);
        elem.contents().remove();
        elem.append(newElem);
      });
    }
  };
});

html

html

htmlvariable是需要插入的html代码变量

迷茫 · Answer

http://stackoverflow.com/questions/11771513/angularjs-jquery-how-to-get-dynamic-content-working-in-angularjs

世界只因有你 · Answer




    
    
    angular编译插入到dom的元素

写过一个例子，如上。