Javascript 带空筛选器的AngularJS筛选器搜索

我有个问题

我做了一个过滤器搜索，当输入是脏的但为空时，没有显示任何元素，我想在过滤器为空时显示所有元素

<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> 

选择一个国家
{{SelectedCountry[0].name}

{i.name}

请在问题中添加

$scope.countries

的内容。使用

ng change

查找输入是否已修改，然后设置使元素显示的范围变量。请，将

$scope.countries

的内容添加到问题中。使用

ng change

查找输入是否已修改，然后设置使元素显示的范围变量。