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

时间:2014-07-14 18:29:52

标签: javascript html angularjs dom web

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

请考虑此示例用于移动视图以使用目标视图拆分空间:

enter image description here

更改的HTML结构的结果图像:

enter image description here

这是具有HTML结构的渲染布局的示例:

enter image description here

我想使用AngularJS'数据绑定可以轻松创建新视图并呈现单个视图的内容,包括拖动句柄的标签。

当布局信息存储在模型/ $ scope中时,如何让AngularJS处理html的渲染?

1 个答案:

答案 0 :(得分:-1)

尝试使用jQuery UI有不同的事件来制作它。

  • 可拖动
  • Droppable
  • 可调整大小
  • 可选
  • 可排序

并使用css分发内容。

http://jqueryui.com