AngularJS拖放可編輯

Question

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

我的要求是將&拖放項目（源）拖動到創建動​​態樹結構（目標）。請找到附件截圖。

在源文件中，我有需要拖動的項目列表，以形成樹中所有節點都應該可編輯的動態樹結構。

實施例1：樹結構

第一步）的生成/編輯一個項目是從源選擇並拖拽到目標

第二步）在目標側產品目錄將與默認名稱&創建時間戳。在產品目錄產品將被創建。在產品項目將被創建。最後，所選項目將被放置在屏幕截圖中所示的項目下。這個類別下可以添加多個項目。

供參考：如果所選項目在產品級別下降，則隱式地在相同產品目錄下創建另一個產品結構。

請讓我知道採取的方法。

感謝

維吉

Answer 1

使用HTML5內容可編輯屬性到隨時隨地編輯頁面內容，並確保有它的控制（例如：管理模式）

使用控制您的角度控制器中的標誌允許用戶編輯內容。

對於拖放操作，您必須使用第三方插件，並且有許多可用的開源插件。

爲了使內容編輯，

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

對於角度的緣故，

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

集，$scope.isAdminMode = true || false基礎上的情況。

Answer 2

問題已修復。實際上，我們創建了默認的樹結構，我們在其中爲每個子節點和父節點創建了一個節點選項以及刪除選項。