title: ng-show and ng-hide not working as expected
body: <p>I have conflicting ng-show and ng-hides in my code to show only one or the other in a simple form.</p>
  
  <p>1) However I have seen that the ng-show, ng-hide does not seem to be evaluated when the form loads and both conflicting items are shown.</p>
  
  <p>2) After I do start filling the form and after only one activates, if I were to backspace a form input and make it blank, the ng-show or ng-hide does not revaluate.</p>
  
  <p>See : <a href="http://plnkr.co/edit/gZEmwGtcs6PbUpXAvv5o?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/gZEmwGtcs6PbUpXAvv5o?p=preview</a></p>
  
  <pre><code>    &lt;div class="shoutout-button shoutout-button-disable" ng-hide="enableSO()"&gt;MISSING DETAILS&lt;/div&gt;
      &lt;div class="shoutout-button" ng-show="enableSO()"&gt;CONTINUE&lt;/div&gt;
  
      $scope.enableSO = function() {
          var returnData = false;
          if ($scope.formData.stuName.length &amp;&amp; $scope.formData.school &amp;&amp; $scope.formData.name.length &amp;&amp;
              $scope.formData.email &amp;&amp; $scope.formData.email.length &amp;&amp; $scope.formData.message.length) {
                  returnData = true;
          }
          $scope.abc = returnData;
          return returnData;
      }
  </code></pre>
  
  <p>1) When the page loads both "MISSING DETAILS" and "CONTINUE" show up when only one should
  2) Now start typing input into the form, as expected "CONTINUE" disappears until the form is completely filled. Then as expected "CONTINUE" appears and "MISSING DETAILS" disappear. However at this point if you were to erase/blank out the "name" or "shoutout message" I am expecting "MISSING DETAILS" to appear while "CONTINUE" to disappear, but that simply does not happen.</p>
  
  <p>For debugging I have added a $scope.abc variable and it does not seem to be evaluated the way I am expecting it to.</p>
  
  <p>What am I missing?</p>