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

Question

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

这是我的工作代码

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> 

这是我的节点代码

showcase(articleid,articlepara){

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

}

这是我的.ts文件

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

`

Answer 1

您正在设置event.currentTarget.style.display =“ none”; 这导致它消失。 您需要替换填充颜色。 您可以参考此内容，以了解有关角度Angular中的 svg操作的更多信息：包含，设置SVG元素的颜色