AngularJS使用空滤镜搜索过滤器

Question

我有一个问题。

我进行了过滤搜索，当输入变脏但是空的时，没有任何元素显示，我想在过滤器为空时显示所有内容。

<div class="zc-select" target="SelectedCountry">
    <div class="principal-select" ng-click="openSelect($event)">
      <div ng-show="SelectedCountry.length === 0">
        Select a country
      </div>
      <div ng-show="SelectedCountry.length > 0">
        {{SelectedCountry[0].name}}
      </div>
      <i class="fa fa-chevron-down"></i>
    </div>
    <div class="select-search">   
      <i class="fa fa-search"></i>
      <input placeholder="Want to search?" max-length="44" only-text ng-model="countryFilter">
    </div>
    <ul class="select-elems">
      <li ng-repeat="i in countries | filter:countryFilter" select-id="{{i.id}}" ng-click="setSelect(i); profile_info.$dirty = true">{{i.name}}</li>
    </ul>
  </div>