Angular6 这个<；a>；ng模板中href为空的元素未调用javascript函数

我有这个模板

<ng-template #thumbnailTemplate let-context="thumbnailContext">

      <div id="{{context.divId}}"> 
        <button type="button" data-toggle="modal" (click)="showEnlargeImage(context)"> 
          <img id="{{context.imgId}}" src="{{context.imgSrc}}"/> <!-- this will have width, height=80-->
        </button>
        <a *ngIf="this.isEditing" href="#" id="{{context.closeId}}" onClick="deleteThumbnailfromContainer(context)"></a> 
      </div>
    </ng-template>

生成的html如下所示（我看没问题）

---

我不明白为什么这里的代码不能正常工作。

我想你应该试试这个

    <a  *ngIf="this.isEditing" href="javascript:void(0)" 
    (click)="deleteThumbnailfromContainer(context)" id="close-button-1"></a>

Try

href=“javascript:void（0）；”

为什么“#”不起作用？“#”没有问题，我想你会因为“onclick”而面临这个问题。请改为使用（单击）。当然是onclick。

<a _ngcontent-c9="" href="#" onclick="deleteThumbnailfromContainer(context)" id="close-button-1"></a>

    <a  *ngIf="this.isEditing" href="javascript:void(0)" 
    (click)="deleteThumbnailfromContainer(context)" id="close-button-1"></a>