AngularJS – 将http前缀添加到url输入字段

以下优秀帖子涵盖的一个方便的功能是在URL字段中添加“http：//”前缀，如果它还没有前缀：http://www.robsearles.com/2010/05/jquery-validate-url-adding-http/

我试图通过一个指令在AngularJS中实现相同的操作，但是不能得到这个指令来改变ng模型在输入时的值。

我已经开始简单，试图得到一个小提琴，现在添加一个“http：//”前缀的每一个变化(我可以添加逻辑，以便只在需要时添加)。 http://jsfiddle.net/LDeXb/9/

app.directive('httpPrefix',function() {
    return {
        restrict: 'E',scope: {
            ngModel: '='
        },link: function(scope,element,attrs,controller) {
            element.bind('change',function() {
                scope.$apply(function() {
                   scope.ngModel = 'http://' + scope.ngModel;
                });
            });
        }
    };
});

任何人都可以帮我把这个写回ngModel。此外，我需要应用这个新的指令的领域已经有一个与隔离范围的指令，所以我假设我不能有另一个具有隔离范围 – 如果这样我可以实现没有隔离范围？