Angular 如何检查模板中的元素是否为HTMLElement？

我尝试检查元素是否为HTML元素：

<div *ngFor="let item of links">

   if (link instanceof HTMLElement) {
      // ADD HERE IN TEMPLATE  
   } else {
       // USE DEFAULT
       {{item.link}}

   }   

</div>

如何正确使用Angular进行此操作？

您可以这样尝试

component.html

---

如何在循环中的页面上插入HTMLElement？似乎我应该使用[innerHTML]自定义管道呢？

<div *ngFor="let item of links">
   <div *ngIf="checkData(item)">
       <div [innerHTML]="item"></div>
   </div>
   <div *ngIf="!checkData(item)">
       <div [innerHTML]="item"></div>
   </div>
</div>

checkData(link) {
 if (link instanceof HTMLElement) {
      reuturn true;
   } else {
       return false;
   }   
}