2015-02-09 6 views
7

Ich brauche ein Land Drop-Down in meinem Winkel Brise App zu verwenden, und ich versuchte, mit dem folgenden: https://github.com/banafederico/angularjs-country-selectLänderauswahl Steuerung für AngularJS

Das Problem hier ist, dass es kein Land/code Paar hat , nur der lange Name des Landes, den ich nicht in der DB speichern möchte. Gibt es eine andere eckige Richtlinie/Dienstleistung, die ich verwenden kann, um ein Dropdown-Menü mit Ländern zu füllen? Ich habe ein bisschen gegraben, aber ich habe keine gebrauchsfertige Länderauswahl für eckig gefunden.

+0

Ich würde vorschlagen, Ihre eigenen. Sie können dieses Verzeichnis sogar forkieren und erweitern. –

+0

Ich frage mich, es scheint eine sehr häufige Funktionalität und vielleicht gibt es etwas schon da draußen, ohne dass ich das Rad neu erfinden :) – devC

+0

Ich mag es generell nicht, den Code anderer Leute zu benutzen. Es führt oft zu mehr Problemen. Davon abgesehen, könnte es noch eine andere geben, aber wenn es nicht oben auf der bestehenden gebaut wird. –

Antwort

13

Sie können ng-repeat oder ng-options Direktive verwenden und Länder Dropdown-Menü erstellen. Auf diese Weise haben Sie eine vollständige Kontrolle. Sie können als Richtlinie erstellen, wenn dieses Element bei Bedarf an vielen Stellen verwendet wird.

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

Mit ng-Option Richtlinie

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

Mit ng-Repeat-Richtlinie:

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

Länder Scope in Ihrem 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'} 
    ]; 
+1

@ CHAT_2013 Aus diesem Grund ist die Duplizierungsfunktionalität in Ordnung. Es ist im Grunde eine Liste, die Sie kontrollieren können. und du machst eine einfache Schleife. Sie können es mit einer Direktive umschließen, wenn Sie möchten. –

Verwandte Themen