AngularJS Highlight Filter

An AngularJS filter for highlighting and editing text parts on the view side with a regex.
I used this filter for linking twitter hashtags on a project of mine.

Download source - Demo page

Example

Original text

de omnis iste natus error sit #voluptatem #accusantium #doloremque laudantium.

Filtered text / Result

de omnis iste natus error sit #voluptatem #accusantium #doloremque laudantium.

Usage

  1. Include "highlight.filter.js" in the html head
  2. Edit the highlight filter app name based on your angular module app name (default name is set to 'app')
  3. Use the filter in a ng-bind-html if you want to highlight text with anchors
<html ng-app="app"> 
<head>
    ...template, angular stuff, etc...

    <!-- include the filter -->
    <script src="highlight.filter.js"></script> 

    ....
</head>
<body>
    <div ng-controller="main">
        ...
        <span ng-bind-html="text | highlight"> content</span>
        ...        
    </div>
</body>

</html>