title: How to use ng-show and hide ionic2
body: <p>I am trying to show and hide play and pause button, when play is clicked i need to hide pause button and vice-versa. I tried like this</p>
  
  <pre><code>&lt;ion-content padding&gt;    
      &lt;button ion-button *ngIf="status"  name="play" (click)="itemSelected()" &gt;Play&lt;/button&gt; 
      &lt;button ion-button *ngIf="!status" name="square" (click)="stopPlayback()" &gt;stop&lt;/button&gt;        
  &lt;/ion-content&gt;
  
      import { Component } from '@angular/core';
  import { NavController, NavParams, AlertController } from 'ionic-angular';
  
  
  @Component({
      selector: 'page-login',
      templateUrl: 'login.html'
  })
  
  export class LoginPage {
  
    status: boolean = false;
  
      constructor(public navCtrl: NavController,
                  public alertCtrl: AlertController,
                  public navParams: NavParams,) {                  
  
                  }
  
      ionViewDidLoad() {
          console.log('ionViewDidLoad LoginPage');
      }
   itemSelected(){
        this.status = true
      }
      stopPlayback(){
        console.log("stop");
        this.status = false
      }
  
  }
  </code></pre>
  
  <p>could some one help me to resolve this issue, thanks in advance</p>
  
  <p><a href="https://i.stack.imgur.com/eQsRx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/eQsRx.png" alt="every time i click stop only stop is visiable"></a></p>