title: Is there a more elegant hide/show pattern in angular?
body: <p>On a crowded screen I have it is is incorporating many  ng-hide/ ng-show directives.  </p>
  
  <p>The common pattern to do that is:</p>
  
  <pre><code>&lt;div  . . ng-hide="showCurveForm" ng-click="toggleCurveForm()"&gt;
                      Show Curve Form
  &lt;/div&gt;
  &lt;div  . . ng-show="showCurveForm" ng-click="toggleCurveForm()"&gt;
                      Hide Curve Form
  &lt;/div&gt;
  </code></pre>
  
  <p>Which is supported in the controller like so:</p>
  
  <pre><code>$scope.toggleCurveForm = function () {
     $scope.showCurveForm = !$scope.showCurveForm;
  };
  </code></pre>
  
  <p><strong>Question</strong> Are there patterns that do not require me cluttering my controller with many of these "switches?"  </p>
  
  <p>It just seems verbose.  I only want to flip a <code>Boolean</code> while still following all the guides that say my controllers should be thin.</p>