title: Should one alternate between ng-hide and ng-show or use only one with different values
body: <p>My question is in regard of best practice / preferred readability in Angular 1.X with ng-show and ng-hide. </p>
  
  <p>When using ng-hide and ng-show, is it advised to stick to one and to alternate the value I am evaluating or should i alternate between the two in order to keep the value in the expression the same? </p>
  
  <p>See  the following examples. Is one preferred over the other and if so why?</p>
  
  <p>Assume that there are only two states, sportSelected can be Hockey or Football that is it, so there are two states. </p>
  
  <p><strong>Using only ng-show and switching the value</strong>   </p>
  
  <pre><code>  &lt;div class="col-xs-4" ng-show="vm.sportSelected=='hockey'"&gt;
         NJ Devils
      &lt;/div&gt;
      &lt;div class="col-xs-4" ng-show="vm.sportSelected=='football'"&gt;
         NY Jets
      &lt;/div&gt;
      &lt;div class="col-xs-4" ng-show="vm.sportSelected=='football'"&gt;
         NY Giants
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Alternating between ng-show and ng-hide to keep the value the same</strong>   </p>
  
  <pre><code>  &lt;div class="col-xs-4" ng-show="vm.isHockeySelected"&gt;
         NJ Devils
      &lt;/div&gt;
      &lt;div class="col-xs-4" ng-hide="vm.isHockeySelected"&gt;
         NY Jets
      &lt;/div&gt;
      &lt;div class="col-xs-4" ng-hide="vm.isHockeySelected"&gt;
         NY Giants
      &lt;/div&gt;
  </code></pre>
  
  <p>The top seems more clear to me but it could just be due to poor method and variable names. I am looking through the angular documentation and I cant seem to arrive at what the preferred result is. Is one preferred over the other?</p>
  
  <p><strong>Edit: Flagged this to be closed, I realized this is pretty opinion based like tabs vs spaces even though I think one solution has benefits over the other</strong></p>