AngularJS: angular-drag-and-drop-lists dnd-allowed-types not evaluating to true for matching dnd-type
AngularJS: angular-drag-and-drop-lists dnd-allowed-types not evaluating to true for matching dnd-type
我目前正在使用 angular-drag-and-drop-lists to generate a JsonDTO Object. Generating the graphical representation from a JSON works fine. And generating a JSON by dragging and dropping the different elements works fine as well. I mainly used the nested list tutorial 设置初始列表并设置按钮以从中拖动新元素。但是，这仅在我尝试将 dnd-type 添加到 li-elements 并将 dnd-allowed-type 添加到 ul-elements 之前有效。使用这些类型是一项要求，因为我想用 'editor'.
创建的 Json 中有一定的子元素层次结构
在下面找到我是如何实现它的一些代码片段。如果您需要更多信息，请告诉我。如果有人能帮我解决这个问题，我将不胜感激
我要插入内容的列表：
<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', dndType: 'page', sections: []}"
dnd-effect-allowed="copy">
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Page</button>
</li>
如果有人有同样的问题，这是我的按钮拖动页面的解决方案：
<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-type，因为它没有在我查看的示例代码中使用。
我目前正在使用 angular-drag-and-drop-lists to generate a JsonDTO Object. Generating the graphical representation from a JSON works fine. And generating a JSON by dragging and dropping the different elements works fine as well. I mainly used the nested list tutorial 设置初始列表并设置按钮以从中拖动新元素。但是，这仅在我尝试将 dnd-type 添加到 li-elements 并将 dnd-allowed-type 添加到 ul-elements 之前有效。使用这些类型是一项要求，因为我想用 'editor'.
创建的 Json 中有一定的子元素层次结构在下面找到我是如何实现它的一些代码片段。如果您需要更多信息，请告诉我。如果有人能帮我解决这个问题，我将不胜感激
我要插入内容的列表：
<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', dndType: 'page', sections: []}"
dnd-effect-allowed="copy">
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Page</button>
</li>
如果有人有同样的问题，这是我的按钮拖动页面的解决方案：
<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-type，因为它没有在我查看的示例代码中使用。