2015-02-09 18 views
7

tôi cần phải sử dụng một danh sách thả xuống nước trong ứng dụng góc-gió của tôi, và tôi đã cố gắng với những điều sau: https://github.com/banafederico/angularjs-country-selectNước chọn điều khiển cho angularJs

Vấn đề ở đây là nó không có một quốc gia/code cặp , chỉ là tên dài của đất nước mà tôi không muốn lưu vào DB. Có bất kỳ chỉ thị/dịch vụ góc cạnh nào khác mà tôi có thể sử dụng để điền vào danh sách thả xuống với các quốc gia không? Tôi đã thực hiện một chút đào, nhưng tôi đã không tìm thấy bất kỳ lựa chọn quốc gia sẵn sàng để sử dụng cho góc.

+0

Tôi muốn đề xuất tạo của riêng bạn. Bạn thậm chí có thể ngã ba thư mục đó, và tăng thêm nó. –

+0

Tôi đã tự hỏi, nó có vẻ là một chức năng rất phổ biến và có lẽ có một cái gì đó đã ra khỏi đó mà không có tôi tái phát minh bánh xe :) – devC

+0

Tôi thường không thích sử dụng mã của người khác. Nó thường giới thiệu nhiều vấn đề hơn. Điều đó đang được nói, có thể có một số khác, nhưng nếu không được xây dựng trên đầu trang của một hiện tại. –

Trả lời

13

Bạn có thể sử dụng chỉ thị ng-repeat hoặc ng-options và tạo menu thả xuống quốc gia. Bằng cách này, bạn có toàn quyền kiểm soát. Bạn có thể tạo dưới dạng Chỉ thị nếu phần tử này được sử dụng ở nhiều nơi nếu cần.

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

Sử dụng ng-option chỉ

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

Sử dụng ng-repeat chỉ:

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

nước Phạm vi trong điều khiển của bạn:

$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 Đây là lý do tại sao chức năng sao chép là ok. Đó là cơ bản một danh sách mà bạn có quyền kiểm soát. và bạn làm một vòng lặp đơn giản. Bạn có thể bọc nó với một chỉ thị nếu bạn muốn. –

Các vấn đề liên quan