在Angular7的<option>中显示和隐藏跨度

Question

我陷入一个问题，我需要在 select 的选项中显示/隐藏跨度。

当用户将鼠标悬停在选项上时，我需要显示金额，如果用户选中了选项之一，则需要隐藏金额。

不想使用Jquery，请在此处使用简单的本机javascript。

这是我的演示https://stackblitz.com/edit/angular-auirs1

应用css显示和隐藏范围，但不起作用

Answer 1

您可以尝试在select上使用ngModel，并在跨度上检查其选定值，如下所示：

<select [(ngModel)]="select">
        <option *ngFor="let bank of banks">
          {{ bank }}
        <span *ngIf="!select" class="only-show-on-hover">1000$</span>
</select>

希望有帮助。