AngularJS拖放可編輯

Question

我是AngularJS的新手，請從核心層面指導我。

我的要求是將item（源）拖放到創建動態樹結構（目標）中。 請找到隨附的屏幕截圖。

在源代碼中，我列出了需要拖動以形成動態樹結構的項目列表，其中樹中的所有節點均應可編輯。

示例1：樹形結構的創建/編輯

步驟1）從源中選擇一個項目並將其拖動到目標

步驟2）在目標端，將使用默認名稱和時間戳創建產品目錄 。 在產品目錄下，將創建產品 。 在產品的項目將被創建。 最后選擇的項目將被放置在屏幕截圖所示的項目下。 在此類別下可以添加多個項目。

僅供參考：如果將所選項目放在“產品”級別，則將在同一產品目錄下隱式創建另一個產品結構。

請讓我知道將其推進的方法。

謝謝

j

Answer 1

使用HTML5 Content Editable屬性可隨時隨地編輯頁面內容，並確保對其具有控制權（例如：管理模式）

在角度控制器中使用控制標記，以允許用戶編輯內容。

對於拖放操作，您必須使用3rd party插件，並且有大量開源插件可用。

為了使內容可編輯，

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

為了Angular的緣故，

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

設置， $scope.isAdminMode = true || false 根據情況為$scope.isAdminMode = true || false 。

Answer 2

該問題已解決。 實際上，我們創建了默認的樹形結構，在其中我們放置了一個選項，以便在每個子級和父級上創建節點以及刪除選項。