如何在 AngularJS 应用程序中修改 DOM

【问题标题】：How to modify DOM in an AngularJS application如何在 AngularJS 应用程序中修改 DOM
【发布时间】：2014-09-04 18:27:59
【问题描述】：

我想构建一个动态 Web 布局，用户可以在其中重新排列类似于 Eclipse Workbench 的视图。

请考虑这个使用目标视图将视图移动到分割空间的示例用例：

更改后的 HTML 结构的结果图像：

这是一个带有 HTML 结构的渲染布局示例：

我想使用 AngularJS 的数据绑定来轻松创建新视图并渲染单个视图的内容，包括拖动手柄的标签。

当布局信息存储在模型/$scope 中时，如何让 AngularJS 处理 html 的呈现？

【问题讨论】：

【解决方案1】：

尝试使用 jQuery UI 有不同的事件来做这个。

并使用 css 分发内容。

【讨论】：

如果我使用 jQuery UI 来布局视图，我将如何使用带有数据绑定的 AngularJS 模板？
可以将元素的分布保存在DB中。
让我试着澄清一下我的问题：我可以使用 jQuery UI 来控制视图的拖放。但是，要重新排列视图，我必须重建 html 结构（或进行 DOM 更改，请查看我在 OP 中的 html 结构示例）。如何在保持 angularjs 数据绑定的同时构建新的 html 结构？