title: Highlight search result using angular.js and ui.utils
body: <p>I am trying to add some highlighting of a search result using angular.
  I have found that the Highlight functionality in UI.Utils gives the result I would like. 
  But the examples are all using <code>ng-bind-html-unsafe</code>.
  Is there a way of using this template approach instead?</p>
  
  <pre><code>&lt;div ng-app&gt;
      &lt;div ng-controller="searchController"&gt;
          &lt;input ng-model="query"/&gt;
  
          &lt;div class="t"&gt;
              &lt;div class="tr" ng-repeat="person in result"&gt;
                  &lt;div class="td"&gt;{{person.FirstName | highlight}}&lt;/div&gt;
                  &lt;div class="td"&gt;{{person.LastName | highlight}}&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;    
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Check here for code on jsfiddle: <a href="http://jsfiddle.net/vs7Dm/4/" rel="nofollow">http://jsfiddle.net/vs7Dm/4/</a></p>