动态HTML元素创建

Question

我有一个表面，我在上面放了一些几何图形。当我点击每个图时，会出现一个小部件，我可以添加一些SELECT元素。 对于每个SELECT，当我选择一个元素时，根据模型的属性，我会内联创建几个新的SELECT元素。

我使用$ compile添加新元素，如：

$('#'+id).append($compile(HTMLelement)($scope));

一切都运行良好，但当我关闭窗口小部件并再次打开之前创建的动态HTML元素消失。

下图显示了关闭窗口小部件之前SELECT元素的组成。

有人知道如何阻止angularjs重置DOM元素吗？

非常感谢。