Parse URL

Author: tomasvoj

simple-todos-angular.html

@@ -29,7 +29,7 @@ <h3>
   <md-list>
     <md-list-item ng-repeat="task in tasks">
       <md-checkbox ng-checked="task.checked" ng-click="setChecked(task)"></md-checkbox>
-      <p>{{task.text}}</p>
+      <p parse-url="props" ng-model="task.text">{{task.text}}</p>
       <md-switch
               ng-if="task.owner === $root.currentUser._id"
               ng-model="task.private"

simple-todos-angular.js

@@ -69,6 +69,25 @@ if (Meteor.isClient) {
     });
 
   });
+  
+  module.directive('parseUrl', function () {
+    var urlPattern = /(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?/gi;
+    return {
+        restrict: 'A',
+        require: 'ngModel',
+        replace: true,
+        scope: {
+            props: '=parseUrl',
+            ngModel: '=ngModel'
+        },
+        link: function compile(scope, element, attrs, controller) {
+            scope.$watch('ngModel', function (value) {
+                var html = value.replace(urlPattern, '<a target="_blank" href="$&">$&</a>');
+                element.html(html);
+            });
+        }
+    };
+  });
 }
 
 Meteor.methods({