如何显示html元素，在angularjs中选择特定的选项

如何在angularjs中选择特定选项时显示其他html。当我们选择Other选项时，我想只显示From Date和 to Date文本字段，但是当我们选择其他选项时隐藏这些。我试了 ng-show="date_option=='Other'，没有任何反应。

http://plnkr.co/edit/Xy49iha3bsCQui6uOaTV?p=preview

  <div ng-controller="ceilometerCtrl">
    <div id="ceilometer-stats">
         <form>
            <div class="form-group">
              <label>Period:</label>
              <div class="col-sm-2">
                <select ng-model="date_option" ng-options="value.label for value in date_options">
                </select>
              </div>
            </div>
            <div >
                  <label >From:</label>
                  <div class="col-sm-10">
                    <input type="text" id="date_from" name="date_from" />
                  </div>
                </div>
                <div>
                  <label>To:</label>
                  <div class="col-sm-10">
                    <input type="text" id="date_to" name="date_to"/>
                  </div>
               </div>
        </form>
    </div>
  </div>

"

角

var app=angular.module('hz',[]);
 app.controller('ceilometerCtrl', function($scope, $http){

   $scope.date_options=[
      {
           "value" : 1,
           "label" : "Last day"
      },
      {
           "value" : 7,
           "label" : "Last week"
      },
      {
           "value" : 23,
           "label" : "Month to date"
      },
      {
           "value" : 30,
           "label" : "Last 30 days"
      },
      {
           "value" : 356,
           "label" : "Last year"
      },
      {
           "value" : "Other",
           "label" : "Other"
      }
   ];
   $scope.date_option = $scope.date_options[1];
 });