拖放组件仅返回源代码

Question

我想通过拖放使用自定义表单，用户可以在其中接受输入字段，选择框，复选框等，并创建自己的表单。

问题是当我在DRAG区域中创建可重用组件并将其带到DROP区域时，我只看到源代码... Here is the working example。尝试从角色移至列表1的某些元素。

预先感谢...

Answer 1

当在超链接中绑定URL时，将清除someValue，以使攻击者无法注入例如一个javascript：可在网站上执行代码的URL。您应先信任HTML，然后再注入HTML。对于这种情况，您必须使用DomSanitizer。

OPERATION

和html

export class injectComponent  {

    private _inputdata: string = '<input type="text" name="fname">';

    public get inputdata() : SafeHtml {
       return this._sanitizer.bypassSecurityTrustHtml(this._inputdata);
    }

    constructor(private _sanitizer: DomSanitizer){}
}

我已经在stackblitz

上编辑了您的示例