Угловое ограничение сопротивления CdkDroplist ⇐ Html

[Anonymous]

в настоящее время использую Angular 2 и модуль перетаскивания от https://material.angular.io/cdk/drag-prop/overview. Я заставил функции перетаскивания. У меня есть два разных типа классовых объектов, которые я хочу ограничить их собственные типы списков перетаскивания. < /P>

Это, скорее всего расположен в компоненте перед выполнением рекурсионной части). < /p>

Я пытаюсь сделать списки ограниченными, чтобы принять только элемент или атрибут (но не оба), но я понятия не имею, как это сделать ... < /p>

У меня есть следующие: < /p>

< /p> export class Attribute {
name: string;
type: string;

}

export class Element {
id: number;
name: string;
elements: Element[]
attributes: Attribute[];

}
< /code>

html: < /p>


Elements

























< /code>

< /p>

ts. Метод вызывается (атрибут выглядит одинаково) < /p>

isElement(drag : CdkDrag){
console.log("check " + (drag instanceof Element) + typeof drag + " , "+ typeof drag.data + ", "+ drag.data + " , " +(drag.data instanceof Element));
return (drag.data instanceof Element);
}
< /code>

Из вывода, который я просто получает: «Проверьте ложный объект, неопределенный, не определенный, false»
Из этого я попытался сравнить перетаченный объект с классом .. Но мне не удалось. Я знаю о [cdkdroplistconnectedto], но это дало мне проблемы с происходящей рекурсией и привязками. Любое руководство будет оценено < /p>

Изменить:
добавлено изображение для представления о том, как оно отображается - но не работает должным образом;
< /p>

Подробнее здесь: https://stackoverflow.com/questions/534 ... estriction