Custom Directive

http://angularjs.org/

by Edward Tanguay

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div ng-controller="mainController">
    <div>Telephone: {{getTelefoneNumber(theNumber)}}</div>
    <div><input type="text" ng-model="theNumber"/></div> {{theNumber}}
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function mainController($scope) {
    $scope.theNumber = '11112222';
    $scope.getTelefoneNumber = function(number) {
        number = (number === undefined || number == '') ? '(none)' : number;
    	return '(49) ' + number;   
    }
}