[英]AngularJS: angular-drag-and-drop-lists dnd-allowed-types not evaluating to true for matching dnd-type
我目前正在使用角度拖放列表来生成JsonDTO对象。 从JSON生成图形表示效果很好。 并且通过拖放不同的元素来生成JSON也可以正常工作。 我主要使用嵌套列表教程来设置初始列表和设置按钮以从中拖动新元素。 但是,这仅在我尝试将dnd-type添加到li-elements和dnd-allowed-type添加到ul-elements之前有效。 使用这些类型是必要条件,因为我想使用该“编辑器”在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,因为在我查看的示例代码中未使用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.