Javascript 选择和取消选择在角度7中不起作用？

您好，我正在通过选择一个图标制作一个过滤器，它突出显示了该部分，取消选择后它不会突出显示，但当我选择它时，它工作正常，但在取消选择时它的图标消失，并且在我刷新页面时它仍然处于选中状态，请检查此图像以供参考，以及何时和何时刷新页面

这是我的工作代码

HTML代码-

<div class="flexcell">
 <a *ngIf="data.showcase==1||helper.checkArticleArray(showcasearticle,data.articleid)"
             href="javascript:void(0);"
            (click)="setShowcase(data.articleid,$event)"><svg
             xmlns="http://www.w3.org/2000/svg" width="18" height="18"
             viewBox="0 0 18 18">
           <g id="Group_35" data-name="Group 35"
           transform="translate(-556 -363)">
           <rectid="Rectangle_37" data-name="Rectangle 37"
           width="18" height="18" rx="2"
           transform="translate(556 363)" fill="#2262a0" />
          <path id="star" />
     </g>
     </svg></a> 

---

`您正在设置event.currentTarget.style.display=“无”；这导致了它的消失。您需要的是替换填充颜色。您可以参考本文了解angular中svg操作的更多信息

不知道如何在不知道article.showcase如何工作的情况下保持值的持久性。为函数添加代码块。它尿布的原因是因为您正在将“显示”设置为“无”，我猜您应该更新填充颜色，而不是将“显示”设置为“无”。我添加了节点代码，请检查一下

showcase(articleid,articlepara){

return this.http.post<any>(this.SERVERURL + this.AppSettings.showcase, {articleid: articleid, articlepara : articlepara});

   `setShowcase(articleid, event) {
    event.currentTarget.style.display = "none";

    this.article.showcase(articleid, this.articlepara)
      .subscribe(
        res => {
          //console.log(res);
          this.showcasearticle.push(res.articleid);
          console.log(this.showcasearticle);

        },
        err => {
          console.log(err);
        }
      )
  }