同じボタンに隠して表示する角度2

Question

同じボタンをクリックしたときにhide/show要素でレイアウトを作成しようとしています。私が私のページでこれをやっているのは、たくさんのボタンがあり、ページを最小限に抑えるために、右側のスライダーで使いたい機能だけを選択するオプションを与えているからです。

例：誰かがボタンをクリックしたとき

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> 

上記のコードをクリックすると表示できます。あなたは、ボタンが表示されるかどうかをイベント・バインディングを使用することができます

Answer 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"プロパティにバインドする方が良いです。

Answer 2

また、このいずれかを試すことができます：

<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>