title: How to use ng-show and ng-hide with buttons in AngularJS
body: <p>I have two buttons Start and Stop,when I click the Start button I want the Stop button to show and the Start button to be hidden vice versa when I click the Stop button I want the Start button to be shown and the Stop button to be hidden.Only one button must be shown at any one time.Here is what I tried but it doesn't seem to work.Where am I going wrong?</p>
  
  <pre><code>&lt;span ng-hide="Model.StartEvent == true"&gt;
      &lt;button ng-click="Model.StartEvent()" id="btnEventStart"&gt;Start&lt;/button&gt;
  &lt;/span&gt;
  
  &lt;span ng-show="Model.StopEvent == false"&gt;
      &lt;button ng-click="Model.StopEvent()" id="btnStopEvent" class="tooltip"&gt;Stop&lt;/button&gt;
  &lt;/span&gt;
  </code></pre>