Paese selezionare il controllo per angularJs

Question

ho bisogno di usare un menu a discesa Paese nel mio angolare brezza app, e ho provato con il seguente: https://github.com/banafederico/angularjs-country-select

Il problema qui è che non dispone di una coppia di paese/Codice , solo il nome lungo del paese, che non voglio salvare nel DB. C'è qualche altra direttiva/servizio angolare che posso usare per compilare un menu a discesa con i paesi? Ho fatto un po 'di scavo, ma non ho trovato nessuna opzione di selezione paese pronta per l'uso per angolare.

Answer 1

È possibile utilizzare la direttiva ng-repeat o ng-options e creare il menu a discesa Paese. In questo modo, hai il pieno controllo. È possibile creare come Direttiva se questo elemento viene utilizzato in molti punti, se necessario.

Demo: http://plnkr.co/edit/2y9Jcektl8g2L0VoNQyp?p=preview

direttiva using ng-opzione

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

Utilizzando ng-repeat direttiva:

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

Paesi Ambito nel controller:

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