AngularJS：dnd-allowed-typesが一致するdnd-typeのために評価されないdnd-allowed-types

Question

現在、angular-drag-and-drop-listsを使用してJsonDTOオブジェクトを生成しています。 JSONからのグラフィック表現の生成はうまく動作します。また、さまざまな要素をドラッグアンドドロップしてJSONを生成すると、うまく機能します。私は主にnested list tutorialを使って初期リストを設定し、新しい要素をドラッグするためのボタンを設定しました。しかし、これは、li要素にdnd型を追加し、ul要素にdnd-allowed-typeを追加しようとするまで機能します。これらのタイプを使用することは、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型を設定するのを忘れていました。