Currency input type with Angular

An Anjular JS directive which process currency values

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <div ng-repeat="card in cards">Person {{card.id}}
            <div my-repeater>Info:</div>
            <br><br>
        </div>           
    </div>    
</div>

JavaScript

var $scope;
var app = angular.module('miniapp', []);

function Ctrl($scope) {
    $scope.currencyVal=5;
        $scope.cards = [{id: 1,items: [{display: "name",value: "john"},{display: "age",value: "18"}]},
    {id: 2,items: [{display: "name",value: "jack"},{display: "age",value: "20"}]},
    {id:3,items: [{display: "name",value: "jill"},{display: "age",value: "22"}]}];
}

String.prototype.splice = function(idx, rem, s) {
    return (this.slice(0, idx) + s + this.slice(idx + Math.abs(rem)));
};

app.directive('myRepeater', function() {
    return {
        restrict: 'A',        
        link: function(scope, element, attrs) {

            var myTemplate = "<div>{{display}}:{{value}}</div>";
            
            for(var i=0;i<scope.card.items.length;i++)
            {
                var myItem = scope.card.items[i];                    
                var text = myTemplate.replace("{{display}}",myItem.display).replace("{{value}}",myItem.value);
                element.append(text);
            }
            
  element = null;

        }
    };
});