國家選控制angularJs

Question

我需要在我的角度，微風應用程序使用國家下拉列表中，我試着用下面的： https://github.com/banafederico/angularjs-country-select

這裏的問題是，它沒有一個國家/代碼對，只是國家的長名，我不想保存到DB中。是否有任何其他角度指令/服務可用於填充國家/地區的下拉菜單？我已經做了一些挖掘工作，但是我沒有找到任何角度準備使用的國家選擇選項。

Answer 1

您可以使用ng-repeat或ng-options指令並創建國家/地區下拉菜單。通過這種方式，你可以完全控制。如果需要的話，在許多地方使用此元素，您可以創建爲指令。

演示：http://plnkr.co/edit/2y9Jcektl8g2L0VoNQyp?p=preview

使用NG-option指令

<select ng-model="country" ng-options="country.name for country in countries track by country.code"> 
    <option value="">-- Select a Country --</option> 
    </select> 

使用NG-重複指令：

<select ng-model="country"> 
    <option value="">-- Select a Country --</option> 
    <option ng-repeat="country in countries" value="{{country.code}}">{{country.name}}</option> 
</select> 

國家範圍在你的控制器：

$scope.countries = [ 
     {name: 'Afghanistan', code: 'AF'}, 
     {name: 'Åland Islands', code: 'AX'}, 
     {name: 'Albania', code: 'AL'}, 
     {name: 'Algeria', code: 'DZ'}, 
     {name: 'American Samoa', code: 'AS'} 
    ];