AngularJS: angular-drag-and-drop-lists dnd-allow-types не оценивается как true для соответствия dnd-type

Question

В настоящее время я использую https://github.com/marceljuenemann/angular-drag-and-drop-lists для создания объекта JsonDTO. Генерация графического представления из JSON работает нормально. И генерирование JSON путем перетаскивания различных элементов также работает нормально. В основном я использовал учебник по вложенному списку, чтобы настроить начальный список и настроить кнопки для перетаскивания новых элементов. Однако это работает только до тех пор, пока я не попытаюсь добавить dnd-type к li-elements и dnd-allow-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>

Answer 1

В случае, если у кого-то есть тот же вопрос, это мое решение для кнопки, чтобы перетащить страницу из:

<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-тип, так как он не использовался в примере кода, на который я смотрел.