title: Angular 4 ng-show
body: <p>I need to hide and show a textbox based on the value selected in the drop-down.</p>
  
  <p>This is already done in Angular 1, but how to do it in Angular 4.</p>
  
  <pre><code>&lt;div ng-app ng-controller="Controller"&gt;
      &lt;select ng-model="myDropDown"&gt;
            &lt;option value="one"&gt;One&lt;/option&gt;
            &lt;option value="two"&gt;Two&lt;/option&gt;
            &lt;option value="three"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;input ng-show="myDropDown=='two'" type="text"&gt;
  &lt;/div&gt;
  
  
  function Controller ($scope) {
      $scope.myDropDown = 'one';
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/EZbfM/" rel="nofollow noreferrer">Fiddle in Angular 1</a></p>