angular-countries
Angular module to create selectable country list with country ISO codes and dialing codes.
1. Installation
npm install angular-countries
2. Description
A list of countries for Angular apps.
- fast and easy to integrate module
- country names
- country ISO codes
- country dialing numbers
Country is selectable as you type.
3. JSON Format
Countries are in JSON format.
4. Angular Directive
Directive is ngcountries and must be applied with INPUT tag:
Notice: This directive will produce datalist tag.
5. Usage
If you use browserify in your angular project
; var clientApp = angular;
If you use compiled version (/dist/ folder) include it in HTML file
6. Complete bootstrap code
Just copy & paste .
Country
7. Get selected country object
In order to get complete country object add ng-controller="ngCountriesCtrl" ng-blur="getCountryObj(userDoc.country, callback) .
and define collback function inside your controller:
$scope { console;};
Returned country object selectedCountryObj will be for example:
Also you can use this callback to get 'dial_code' and put it into 'phone' input tag. So when you select country this 'dial_code' will be inserted into 'phone' field automatically.
//in controller
$scope.callback = function (selectedCountryObj) {
$scope.userDoc.phone = selectedCountryObj.dial_code;
};
//in HTML file
<input type="text" ng-model="userDoc.phone">
The result is:
8. Licence
Copyright (c) 2016 Saša Mikodanić
Licensed under MIT .