Skip to content

Instantly share code, notes, and snippets.

@kalbarczyk

kalbarczyk/mask.html

Last active August 29, 2015 14:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kalbarczyk/8446c9faec65cd719684 to your computer and use it in GitHub Desktop.
Save kalbarczyk/8446c9faec65cd719684 to your computer and use it in GitHub Desktop.
Download ZIP
AngularUI for AngularJS - ui.mask
Raw
mask.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
<head>
<title>Maska</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
</head>
<body data-ng-controller="defaultCtrl">
<div class="col-lg-4">
<div>
<label for="maskBankAccount" class="control-label">Maska numeru konta</label>
<input data-ng-model="data.accountNumber" data-ui-mask="{{maskBankAccount}}" name="maskBankAccount" class="form-control" />
<p class="well">{{data.accountNumber}}</p>
</div>
<div>
<label for="zipCode" class="control-label">Maska kodu pocztowego</label>
<input data-ng-model="data.zipCodeNumber" data-ui-mask="{{zipCode}}" name="zipCode" class="form-control" />
<p class="well">{{data.zipCodeNumber}}</p>
</div>
<div>
<label for="mobileNumber" class="control-label">Maska telefonu</label>
<input data-ng-model="data.mobileNumber" data-ui-mask="{{mobile}}" name="mobileNumber" class="form-control" />
<p class="well">{{data.mobileNumber}}</p>
</div>
<div>
<label for="various" class="control-label">Różne znaki</label>
<input data-ng-model="data.variousCharacters" data-ui-mask="{{various}}" name="various" class="form-control" />
<p class="well">{{data.variousCharacters}}</p>
</div>
</div>
<div class="col-lg-12">
<pre>
{{data | json}}
</pre>
</div>
<script src="https://code.angularjs.org/1.3.7/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script>
<script>
var app = angular.module('app', ['ui.mask']);
app.controller('defaultCtrl', function ($scope) {
$scope.maskBankAccount = "99-9999-9999-9999-9999-9999-9999";
$scope.zipCode = "99-999";
$scope.mobile = "(+99) 999 999 999";
$scope.various = "AAA999***A9A9A9";
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment