angulaire.js - Comment compiler manuellement un dom inséré en angulaire?

Question

Après que certaines opérations soient effectuées sur la page, un morceau de code HTML sera inséré. Comment compiler ce morceau de code HTML pour que les événements qui y sont liés et les variables prennent effet.

PHP中文网 · Answer

Pour des raisons de sécurité, les événements d'Angular dans le code HTML que nous avons inséré et le modèle ng lié ne fonctionneront pas.

Si vous voulez que cela fonctionne, vous devez utiliser le service $compile d'Angular

J'utilise généralement une directive lors du traitement

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 est la variable de code html qui doit être insérée

迷茫 · Answer

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

世界只因有你 · Answer




    
    
    angular编译插入到dom的元素

J'ai écrit un exemple, comme ci-dessus.