2

我有两个链接，在单击相应链接时显示两个不同的图像。第一个行为很好，但是当我再次单击所选链接时，图像显示正确，但悬停正在移动到另一个链接。我的意思是它显示选择的第二个链接。这是我到目前为止所做的。

有人可以帮助我做错什么吗？

this.toogleClick是真的 

loadingImg(folder) {
    this.toggleClick = !this.toggleClick;
    this.meta
      .getToken(
        "images",
        this.imgName.ReportJobId,
        (folder == "input" ?
          this.imgName.UniquePhotoName :
          this.imgName.UniquePhotoName
            .replace(".JPG", ".png")
            .replace(".jpg", ".png")),
        folder
      )
      .subscribe(data => {
        this.imgSrc = this.someurl(data);
      }, () => {
        this.imgSrc = "assets/images/image.jpg";
      });
  }

<ul class="result__image--tabslist">
            <li class="result__image--tab left left__tab" (click)="loadImg('output')">
                <span class="result__tab--txt" [ngClass]="toggleClick?'selected':''">
                    Scan
                </span>
            </li>
            <li class="result__image--tab left" (click)="loadImg('input')">
                <span class="result__tab--txt" [ngClass]="toggleClick?'':'selected'">
                    Original
                </span>
            </li>
</ul>
4

2 回答 2

1

你可以试试

[class.selected]="toggleClick"

代替

[ngClass]="toggleClick?'':'selected'"

这样，selected仅当toggleClick为真时才应用该类。

于 2019-09-25T10:18:30.453 回答
1

你可以试试：

[class]="toggleClick?'selected':''"

或者，

[ngClass]="{'selected': toggleClick}"

或者，

[class.selected]="toggleClick"
于 2019-09-25T10:21:31.000 回答