title: Hide / Show Column depending on select
body: <p>I use <em>ng-hide</em> and a selectbox to hide/show columns of my table .</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
  &lt;table&gt;
      &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td ng-hide="myOption=='one'"&gt;&lt;input ng-hide="myOption=='one'"&gt;&lt;/input&gt;&lt;/td&gt;
       &lt;td ng-hide="myOption=='one' || myOption=='two' "&gt;&lt;input ng-hide="myOption=='one' || myOption=='two' "&gt;&lt;/input&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt; 
  &lt;/table&gt;
  &lt;select ng-model="myOption"&gt;
      &lt;option value="one"&gt;test1&lt;/option&gt;
      &lt;option value="two"&gt;test2&lt;/option&gt;
      &lt;option value="three"&gt;test3&lt;/option&gt;
  &lt;/select&gt;    
  &lt;/div&gt;    
  </code></pre>
  
  <p>It works well.  </p>
  
  <p>Here is a fiddle to demonstrate it: <a href="http://jsfiddle.net/marmuel/TKTn5/" rel="nofollow">Fiddle</a></p>
  
  <p><strong>Question</strong></p>
  
  <p>How can I clear the values of the hidden input to avoid errors in my calculation? In jQuery i know the solution, but I want to learn AngularJS</p>