angular.mailcheck

0.1.0 • Public • Published

angular.mailcheck

npm version bower version build status

Reduce user-misspelled email addresses in your angular forms.

Requirements

Load into your app

You can get it from Bower

bower install angular.mailcheck

or npm

npm install angular.mailcheck

Load the script files in your application:

<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/mailcheck/src/mailcheck.js"></script>
<script type="text/javascript" src="bower_components/angular.mailcheck/angular-mailcheck.js"></script>

Add the specific module to your dependencies:

angular.module('myApp', ['tf.mailcheck', ...])

Usage examples

Live demo

<div>
  <input
    type="email"
    ng-model="vm.email"
    tf-mailcheck="vm.suggestion"
  />
  <div ng-if="vm.suggestion">
    Did you mean 
    <a href ng-click="vm.email = vm.suggestion.full">
      {{vm.suggestion.full}}</a>?
  </div>
</div>
 
 
<!-- Pass options with tf-mailcheck-options -->
<!-- Options: https://github.com/mailcheck/mailcheck#usage-without-jquery -->
<div>
  <input
    type="email"
    ng-model="vm.email2"
    tf-mailcheck="vm.suggestion2"
    tf-mailcheck-options="{secondLevelDomains: ['foobar']}"
  />
  <div ng-if="vm.suggestion2">
    Did you mean 
    <a href ng-click="vm.email2 = vm.suggestion2.full">
      {{vm.suggestion2.full}}</a>?
  </div>
</div>

Package Sidebar

Install

npm i angular.mailcheck

Weekly Downloads

3

Version

0.1.0

License

MIT

Last publish

Collaborators

  • tfoxy