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

Question

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

PHP中文网 · Answer

Atas sebab keselamatan, acara Angular dalam kod HTML yang kami masukkan dan model ng terikat tidak akan berfungsi.

Jika anda mahu ia berfungsi, anda perlu menggunakan perkhidmatan $compile angular

Saya biasanya menggunakan arahan semasa memproses

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 ialah pembolehubah kod html yang perlu disisipkan

迷茫 · Answer

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

世界只因有你 · Answer




    
    
    angular编译插入到dom的元素

Saya menulis contoh, seperti di atas.