Question

我是AngularJS的新手，请从核心层面引导我。

我的要求是拖拽和将项目（源）放入创建动态树结构（目标）。请找到附带的截图。

在源代码中，我有需要拖动的项目列表，以形成一个动态树结构，其中树中的所有节点都应该是可编辑的。

例1：创建/编辑树结构

步骤1）从源中选择一个项目并将其拖动到目标

步骤2）在目标端，将使用默认名称＆amp;创建产品目录。时间戳。在产品目录下，将创建产品。在产品项目下将创建。最后选择的项目将被删除，如屏幕截图所示。此类别下可以添加多个项目。

仅供参考：如果在产品级别删除所选项目，则隐含地将在同一产品目录下创建另一个产品结构。

请让我知道推进它的方法。

由于

维吉

Answer 1

使用 HTML5内容可编辑属性在旅途中编辑页面内容，并确保对其进行控制（例如：管理员模式）

在角度控制器中使用控制标志，以允许用户编辑内容。

对于拖放，您必须使用第三方插件，并且有大量的开源插件可用。

要使内容可编辑，

<p contenteditable="true">You can edit me!</p>

对于Angular来说，

<p contenteditable="isAdminMode">You can edit me!</p>

根据情况设置$scope.isAdminMode = true || false。

Answer 2

问题已解决。实际上我们创建了默认树结构，其中我们已经为每个子节点和父节点创建了一个选项以及删除选项。