Question

我们说我有一个我需要动态制作的指令：

var windowEl = angular.element("<window>Transcuded content....</window");

$compile(windowEl)(scope);

$element.append(windowEl);

成功创建myWindow指令并将其附加到dom，但是已删除的内容会丢失。我在指令对象中设置了transclude: true。我有什么东西在这里失踪吗？如果没有，有关解决方法的任何想法吗？

这是我的windowDirective.js

define(['app'], function (app) {
  app.directive('window', function () {
    return {
      restrict: 'E',
      transclude: true,

      templateUrl: 'app/shared/windows/windowView.html',

      link: function (scope, element, attrs) {
        scope.closeWindow = function () {
          $(".window").hide();
        }
      }
    }
  });
});

Answer 1

我检查了你的代码并且似乎工作检查this example在那种情况下我也这样做，唯一的区别是，如果你使用指令动态注入你的window应该是：

 angular.module('App').directive('myDirective', function () {
    return {
      restrict: 'E',
      transclude: true,
      templateUrl: 'my-directive.html',
      controller: function ($scope,$compile,$element) {
        var windowEl = angular.element("<window>Transcuded content....</window");
        $compile(windowEl)($scope);
        $element.append(windowEl);
      }
    }
  });

然而就像@ Andrew Eisenberg一样，我不建议您动态注入html，可能有更好的方法，但我们需要更好地了解您的场景。如果不起作用，请更新一个plunker。

使用包含指令的angular.element似乎忽略了已转换的内容

1 个答案: