angularjs - Angularjs：dom操作替换然后用地图重新附加到另一个父级

Question

问题

我有一个 dom 元素，我想将它从其父元素中分离出来，并将其附加到 dom，angularjs 方式中的其他位置。

我可以在 jquery 中使用 detach 和 appendto 轻松做到这一点，但我无法以 angularjs 的方式找到相同的内容。

  var detached = jQuery('.toBeDetached');
  jQuery('.itemMaximixed').append(detached);

注意我需要分离，因为元素中包含一个地图。

Answer 1

它可能不适用于您的情况，但您可以使用transcludeAngular 指令的功能来执行此操作。

Answer 2

我不认为附加和分离会起作用。我可以建议的是破坏在不同节点下重新创建模板。为此，您可以在 Angular 1.1.5 中使用ng-if 之类的东西。使用多个 ng-if 和相关条件，您可以在多个位置绑定相同的模板，这ng-if将返回 true 模板将被加载。

模板代码可以复制或放在 ng-template 脚本中。像这样的东西

<div id='parent'>
   <div id='child1'>
     <div ng-if='condition1'><ng-include src='datatemplate' /></div>
   </div>
   <div id='child2'>
     <div ng-if='condition2'><ng-include src='datatemplate' /></div>
   </div>
</div>

<script id='datatemplate' type='text/ng-template'>
   <!-- Template HTML -->
</script>