角度选择默认选项

Question

我有一个select标签，可能有也可能没有加载选项。提供选项时一切都很好，但每当我想要仅在没有其他选项时显示默认选项时，默认选项将不会出现。最终结果是我没有可用的选项。如果您删除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. 编写自定义指令