2015-02-09 5 views
7

için denetim ve ben birlikte çalıştık aşağıdadır: https://github.com/banafederico/angularjs-country-selectÜlke seçim benim açısal-esinti uygulamasında bir ülke açılan kullanmaya gerek angularjs

Buradaki sorun bir ülke/kod çiftini sahip olmamasıdır

, sadece DB'ye kaydetmek istemediğim ülkenin uzun adı. Ülkelerle bir açılır kutuyu doldurmak için kullanabileceğim başka bir yönerge/hizmet var mı? Biraz kazım yaptım, ancak açılışı için herhangi bir kullanıma hazır ülke seçme seçeneği bulamadım.

+0

Kendi oluşturmanızı öneririm. Hatta bu dizini çatallandırabilir ve genişletebilirsiniz. –

+0

Merak ediyordum, çok yaygın bir işlevsellik gibi görünüyor ve belki de şu anda orada olan bir şey var zaten tekerleği yeniden icat etmeden :) – devC

+0

Genelde başka insanların kodunu kullanmayı sevmiyorum. Genellikle daha fazla sorun çıkarır. Öyle söyleniyor ki, başka bir tane olabilir, ama eğer mevcut olanın üstüne inşa edilmezse. –

cevap

13

ng-repeat veya ng-options yönergesini kullanabilir ve ülke açılır menüsünü oluşturabilirsiniz. Bu sayede tam kontrolünüz var. Gerekirse bu eleman birçok yerde kullanılırsa Direktif olarak oluşturabilirsiniz.

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

ng-opsiyon direktifi kullanma ng-repeat direktifini kullanarak

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

: Kumandanızda içinde

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

Ülkeler Kapsam:

$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 Bu nedenle çoğaltma işlevi tamam. Temelde kontrolünüzün olduğu bir liste. ve basit bir döngü yaparsınız. İsterseniz bir direktifle sarabilirsiniz. –

İlgili konular