在角度播放，暫停，恢復和隱藏

在我的頁面我有播放，暫停，恢復&停止圖標。當我點擊播放圖標暫停&停止圖標顯示類似我想顯示簡歷&停止圖標，當我點擊暫停圖標。這是我的代碼，請任何人幫助我。謝謝在角度播放，暫停，恢復和隱藏

HTML代碼。

<div id="checkDiv"> 
     <span mdTooltipPosition="below" mdTooltip="CheckIn"> 
     <md-icon svgIcon="play" style="color: #efefef;cursor: pointer;height: 15px;width: 15px;" (click)='openPause()' [hidden]='playDiv'></md-icon> 
     </span> 
     <span mdTooltipPosition="below" mdTooltip="pause"> 
     <md-icon svgIcon="pause" style="color: #efefef;cursor: pointer;height: 15px;width: 15px;" *ngIf="playDiv" (click)='openPlay()' > </md-icon> 
     </span> 
     <span mdTooltipPosition="below" mdTooltip="resume"> 
     <md-icon svgIcon="play" style="color: #efefef;cursor: pointer;height: 15px;width: 15px;" *ngIf="playDiv" [hidden]='playDiv' (click)='openPause()' ></md-icon> 
     </span> 
     <span mdTooltipPosition="below" mdTooltip="CheckOut"> 
     <md-icon svgIcon="stop" style="color: #efefef;cursor: pointer;height: 15px;width: 15px;" *ngIf="playDiv" (click)='openPlay()'></md-icon> 
     </span>

打字稿

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

openPlay() { 
    this.playDiv = false; 
}

來源

2017-06-22 Musheer Aiman

你應該爲不同的按鈕設置不同的變量，而不是讓他們都依靠playDiv的。創建稱爲resumeDiv和stopDiv的新布爾變量，以及pauseDiv。將每個div上的* ngIf設置爲這些新變量。然後，改變openPause（）和openPlay（）來將你想要顯示的那個設置爲true，並將你想隱藏的那個設置爲false。

來源

2017-06-22 23:03:54 ahetman

在角度播放，暫停，恢復和隱藏

回答

相關問題