隱藏和顯示在相同的按鈕角2

我試圖創建一個佈局與隱藏/顯示元素時，單擊相同的按鈕。我在我的頁面中這樣做的原因我有很多按鈕，並且爲了最小化頁面，我在右側滑塊中給出一個選項，以便只選擇他們想要使用的功能。隱藏和顯示在相同的按鈕角2

例如：

In the right slider layout i have the below code 
<div class="col-md-6"> 
<div class="form-group"> 
<button class="btn cyan" dnd-draggable [dragEnabled]="true" (click)="cam1=1;">CAM 01</button> 
</div></div>

當有人點擊該按鈕我的主頁應該隱藏或顯示凸輪01按鈕。

This is my main page code 
<div class="col-md-12"> 
<div class="col-md-2"> 
<div class="form-group"> 
<button class="btn" name="0x10000001" (click)="mcxAppService.sendNotify($event)" id="0x10000001" value=1 *ngIf="cam1==1">CAM 01</button> 
</div> 
</div>

通過上面的代碼，我可以顯示點擊。

來源

2017-03-27 NMNB

標籤angularjs應僅用於角1.請不要拒絕修改。 –

您可以使用事件綁定按鈕是否應該顯示：

<button class="btn cyan" dnd-draggable [dragEnabled]="true" (click)="cam1=!cam1;">CAM 01</button>

在這種情況下，應CAM1是一個布爾值。在您的主頁上，您可以使用

<button *ngIf="cam1">Cam 01</button>

但是，最好不要因性能而使用ngIf。最好綁定到[hidden]="cam1"屬性。

來源

2017-03-27 07:12:36 lukas

謝謝你的回答。它非常幫助我。我已經使用[隱藏]屬性。謝謝 – NMNB

請注意'[hidden]'可能無法直接在所有情況下工作。有關更多信息，請參閱http://stackoverflow.com/q/30744882/873282。 – koppor

你也可以試試這個：

<div ng-init="showButton=true"/> 
<div ng-show="showText">Text</div> 
<button ng-Click="showText=true;showButton=!showButton" ng-show="showButton">Show</button> 
<button ng-Click="showText=false;showButton=!showButton" ng-show="!showButton">Hide</button>

來源

2017-07-20 22:45:12 Psf

隱藏和顯示在相同的按鈕角2

回答

相關問題