Angular 6复制元素及其自定义指令

Question

我正在使用角度6来完成自定义Web构建系统。现在，我需要做的是：单击元素，然后单击“复制和粘贴”按钮，即可创建相同的兄弟元素。新元素也可以在原始元素中具有自定义指令，然后我可以继续操作新元素。

copyPaste(){
    this.selectedDom = this.service.getEvent();
    const dom = this.selectedDom.rd.createElement(this.selectedDom.el.nativeElement.localName);
    dom.innerHTML = this.selectedDom.el.nativeElement.innerHTML;
    const attr = this.selectedDom.el.nativeElement.attributes;
    const l = attr.length;
    for(var i=0;i<l;i++){
        dom.setAttribute(attr[i].nodeName,attr[i].value);
    }
    this.selectedDom.rd.appendChild(this.selectedDom.rd.parentNode(this.selectedDom.el.nativeElement),dom);
}

我通过set属性将指令添加到新元素中，但是该指令不起作用。我无法选择和操作新元素。

我应该怎么做才能实现此功能？有人能帮我吗？谢谢！