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

标签 javascript html angularjs dom web

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

请考虑这个将 View 移动到与目标 View 分割空间的示例用例:

enter image description here

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

enter image description here

这是一个渲染布局及其 HTML 结构的示例:

enter image description here

我想使用 AngularJS 的数据绑定(bind)来轻松创建新 View 并渲染单个 View 的内容,包括拖动 handle 的标签。

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

最佳答案

尝试使用 jQuery UI 来实现不同的事件。

  • 可拖动
  • 可放置
  • 可调整大小
  • 可选
  • 可排序

并用CSS分发内容。

http://jqueryui.com

关于javascript - 如何在 AngularJS 应用程序中修改 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24743308/

相关文章:

javascript - 为 highcharts-ng 柱形图 xAxis 标签添加 ng-click

javascript - 在新窗口中打开时,图像未在 Canvas 中绘制

java - 单击铅笔调用监听器(primefaces 2.2.1 rowEditor)

python - 使用 Python 和 lxml 从 HTML div 中提取文本

javascript - Angular $http 返回状态 0

javascript - angularjs 中有多少种限制可用

javascript - 当 jQuery 选择器保存在变量中时,如果元素删除,如何知道删除

javascript - 我的 textarea 文本没有按照我希望的方式使用 javascript 将其设置为 CSS

javascript - jQuery UI 可拖动捕捉到容器中

html - href 链接不可点击