ayush-bhandari / mdcountryselect

AngularJS and Material Design Based Country Selection

mdCountrySelect (AngularJS + Angular Material Design)

This is an Element or Attribute Directive for Country Selection based on md-select in Angular Material for AngularJS.

Install

Install using npm

npm install md-country-select

Include <script> in index.html:

<script type="text/javascript" src="node_modules/md-country-select/md-country-select.js"></script>

Usage

Inject mdCountrySelect as an dependency in the angular app

angular.module('app',['ngMaterial','mdCountrySelect'])

Use as :

<md-country-select></md-country-select>

Note: Inspired by ng-country-select

Follow me on: facebook twitter linkedIn

mdcountryselect's Issues

Make selection mandatory

This directive isn't able to require the choice of a country, much like other Angular-Material directives do, such as:

<md-input-container flex="50">
            <label>Name</label>
            <input required="" name="studentName" ng-model="project.name">
            <div ng-messages="registerStudentForm.studentName.$error">
              <div ng-message="required">This is required.</div>
            </div>
          </md-input-container>

Something similar (and optional, by using an attribute) for this directive would be great, as allows the developer to make the choice required or not.

ng-model not binding and provide empty result.

I am using angular material and md-country-select for countries dropdown but it is not binding with ng-model.

<md-country-select ng-model="user.country"></md-country-select>

Is this a bug or I am doing something wrong ?