无法动态拖动附加的DIV Angular2打字稿

Question

当我添加一个允许我在标签中应用拖放的指令时，我将动态添加<p dnd [drop]=true></p>，dnd不适用于标记P

有任何解决方案可以将此标记P视为静态标记吗？

我使用gridmanager jquery

  gm.addEditableAreaClick = function (container, btn) {
                var cTagOpen = '<!--' + gm.options.gmEditRegion + '-->',
                    cTagClose = '<!--\/' + gm.options.gmEditRegion + '-->',
                    elem = null;
                $(('.' + gm.options.gmToolClass + ':last'), container)
                    .before(elem = $('<div>').addClass(gm.options.gmEditRegion + ' ' + gm.options.contentDraggableClass)
                        .append(gm.options.controlContentElem + '<div  class="' + gm.options.gmContentRegion + '"><p dnd **[drop]="true"**>New Content</p></div>'))
                    .before(cTagClose).prev().before(cTagOpen);
                gm.initNewContentElem(elem);
            }; <== this code is from gridmanager.js

标签

是在我的页面中动态创建的，因此需要在此div上应用拖动

<li dnd >value</li>  <== this code is from component.html