I created a custom pipe in angular 6 to convert string into HTMLDom Element(tag), I can able to get the response in my ts file but in html it is showing as `[object Element]`

```
{{link.portfolioCompanyLinkName.svGicons | quillConvertToDom }} 

```

My custom pipe Ts file

```
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;
  }

}

```

when i console i am receiving the value

[![enter image description here](https://i.stack.imgur.com/k3yw2.png)](https://i.stack.imgur.com/k3yw2.png)