AngularJS：角度拖放列表dnd-allowed-types對於匹配的dnd類型沒有評估爲true

Question

我目前使用angular-drag-and-drop-lists來生成JsonDTO對象。從JSON生成圖形表示可以正常工作。通過拖放不同的元素生成JSON也可以很好地工作。我主要使用nested list tutorial來設置初始列表並設置按鈕以從中拖動新元素。然而，這隻有在我試圖向li元素添加dnd類型並且向ul元素添加dnd-allowed類型時纔有效。使用這些類型是一個需求，因爲我想用'編輯器'創建Json中的子元素的某種層次結構。

查看下面的一些代碼片段我是如何實現它的。如果您需要更多信息，請告訴我。我真的很感激，如果有人可以幫助我解決這個問題

名單我想插頁東西到：

<li dnd-draggable="{title: 'title', dndType: 'page', sections: []}" 
      dnd-effect-allowed="copy"> 
      <button type="button" class="btn btn-default btn-lg" disabled="disabled">Page</button> 
     </li> 

Answer 1

時：

<div class="form-group label-floating"> 
    <label class="control-label" for="name">Name</label> 
    <input class="form-control" type="text" class="form-control" id="name" ng-model="models.questionnaire.name"> 
</div> 
<ul dnd-list="models.questionnaire.pages" 
    dnd-allowed-types="models.allowedTypes.questionnaire"> 
    <li ng-repeat="page in models.questionnaire.pages" 
     dnd-draggable="page" 
     dnd-type="page.type" 
     dnd-effect-allowed="move" 
     dnd-moved="models.questionnaire.pages.splice($index, 1)" 
     dnd-selected="models.selected = page" 
     ng-class="{'selected': models.selected === page}" 
     ng-include="'page.html'"> 
    </li> 
</ul> 

按鈕，從拖到了新的一頁任何人都有同樣的問題，這是我的按鈕拖動頁面的解決方案：

<li dnd-draggable="{title: 'title', sections: []}" 
      dnd-effect-allowed="copy" 
      dnd-type="'page'"> 
      <button type="button" class="btn btn-default btn-lg" disabled="disabled">Page</button> 

     </li> 

在我的情況下，我忘了設置dnd類型，因爲它沒有用在我看到的示例代碼中。