自定义管道未将字符串转换为 Dom 元素

Question

我在 angular 6 中创建了一个自定义管道以将字符串转换为 HTMLDom 元素（标签），我可以在我的 ts 文件中获得响应，但在 html 中它显示为 [object Element]

{{link.portfolioCompanyLinkName.svGicons | quillConvertToDom }}

我的自定义管道Ts文件

export class QuillConvertToDomPipe implements PipeTransform {

  transform(value: any, ...args: any[]): any {
    var xmlString = value;
    var doc = new DOMParser().parseFromString(xmlString, "text/xml"); 
    console.info(doc.firstChild);
    return doc.firstChild;
  }

}

当我安慰时，我收到了价值

Answer 1

您可以使用 innerHtml 而不是管道。

试试这个：

<div [innerHtml]="tag"></div>

Working Demo

Answer 2

试试这个

替换 var doc = new DOMParser().parseFromString(xmlString, "text/xml");

下面一行 var doc = new DOMParser().parseFromString(xmlString, "text/html");

自定义管道未将字符串转换为 Dom 元素

Custom pipe not converting string into Dom Element

html

dom

angular-pipe

angular

angular6