角度选择默认选项

Question

我有一个选择标签，它可能会或可能不会加载选项。提供选项时一切都很好，但是每当我希望仅在不存在其他选项时才显示默认选项时，默认选项将不会出现。最终结果是我没有可用的选项。如果您删除countries 变量中的两项，那么您将明白我的意思。出了什么问题，我该如何解决？

我的FIDDLE

JS代码

var app=angular.module('App', []);

function ctrl($scope){
    $scope.countries = [
        {name: 'United States'},
        {name: 'Canada'}    
    ]     
}

HTML

<div ng-app="App" >
 <div ng-controller="ctrl">
<select multiple="" ng-multiple="true"  ng-model="country_selected"
     data-ng-options="country.name for country in countries">
    <option value="" ng-hide="countries.length == 0">No countries found</option>
</select>

  </div>       
</div>

Answer 1

有两种方式：

1. 使用两个选择来切换

   查看example

2. 编写自定义指令