播放，暂停，恢复＆amp;隐藏在Angular中

Question

在我的页面中，我有Play，Pause，Resume＆amp;停止图标。当我点击Play图标Pause＆amp;停止图标同样显示我想显示简历＆amp;当我点击暂停图标时停止图标。这是我的代码，请任何人帮助我。谢谢

  

HTML代码。

    public playDiv:boolean = false;
openPause() {
  this.playDiv = true;
}

openPlay() {
  this.playDiv = false;
}

  

打字稿

await aaa.RF()

Answer 1

您应该为不同的按钮设置单独的变量，而不是让它们都依赖于playDiv。创建名为resumeDiv和stopDiv以及pauseDiv的新布尔变量。将每个相应div上的* ngIf设置为这些新变量。然后，更改openPause（）和openPlay（）以将要显示的那些设置为true，将要隐藏的那些设置为false。