title: show/hide search Div angular UI
body: <p>I'm using angular UI buttons to make users select search criteria when user select buttons Patient or id it will show searchByText div if select date it will hide searchByText and show SearchBydateRange. my problem my is the angular show and hide is not working. and I use this codepen as example 
  <a href="http://codepen.io/SusanneLundblad/pen/iBhoJ" rel="nofollow">http://codepen.io/SusanneLundblad/pen/iBhoJ</a></p>
  
  <pre><code>&lt;div class="panel-body"&gt;
          &lt;form role="form"&gt;
              &lt;div class="col-md-7"&gt;
                  &lt;div id="searchByText" class="form-group form-group-search" ng-hide=" searchOption == 'date'"&gt;
                      &lt;label class="sr-only" for="search"&gt;Enter Search&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="search" placeholder="Enter {{searchOption}} ..." data-ng-model="searchText"&gt;
                  &lt;/div&gt;
                  &lt;div id="SearchBydateRange" class="form-group form-group-search col-md-4" data-ng-show=" searchOption  == 'date' "&gt;
                      &lt;label class=" sr-only" for="search"&gt;
                          Enter Search
                      &lt;/label&gt;
                      &lt;input type="text" class="form-control col-md-2" id="search" placeholder="From Date" data-ng-model="fromDate"&gt;
                      &lt;input type="text" class="form-control col-md-2" id="search" placeholder="To Date" data-ng-model="toDate"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4 text-center"&gt;
                  &lt;div class="btn-group btn-group-sm" data-ng-hide="userIsManager"&gt;
  
                      &lt;label class="btn btn-searchsel" ng-model="searchOption" btn-radio="'patient'"&gt;Patient&lt;/label&gt;
                      &lt;label class="btn btn-searchsel" ng-model="searchOption" btn-radio="'id'"&gt;ID&lt;/label&gt;
                      &lt;label class="btn btn-searchsel" ng-model="searchOption" btn-radio="'Date'" va&gt;Date&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-1"&gt;
                  &lt;button type="submit" class="btn btn-sm btn-info btn-search full-width" data-ng-click="doSearch()"&gt;Search&lt;/button&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>