title: how to search and highlight in angular js?
body: <p>I have a div in which I have some contend in that .I need to search text from that div and highlight the word (using css class).using next it search next word occurrence and previous occurrence. 
  I am able to make in jquery as example in fiddle
  <a href="http://jsfiddle.net/3MVNj/5/" rel="nofollow">http://jsfiddle.net/3MVNj/5/</a>
  can you please suggest how I will achieve this in  angular js ?
  plunker
  <a href="http://plnkr.co/edit/V805fEjJAUbAZIuafJcW?p=preview" rel="nofollow">http://plnkr.co/edit/V805fEjJAUbAZIuafJcW?p=preview</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  
    &lt;head&gt;
      &lt;link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /&gt;
      &lt;script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"&gt;&lt;/script&gt;
      &lt;script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="style.css" /&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  &lt;style&gt;
    .highlightedText {
      background: yellow;
  }
  &lt;/style&gt;
    &lt;body&gt;
      &lt;div ng-controller="contr"&gt;
        &lt;input type="text" ng-model="searchtext" /&gt;
        &lt;button ng-click="searchFirst()"&gt;FirstText&lt;/button&gt;
        &lt;button ng-click="nextSearch()"&gt;NextSearch&lt;/button&gt;
        &lt;button ng-click="preSearch()"&gt;PreviousSearch&lt;/button&gt;
        &lt;div id="contend"&gt;hello I need to search text from the contend
  
          .On click of search it search the first word.
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
      var app=angular.module('app',[]);
      app.controller("contr",function($scope){
        $scope.searchFirst=function(){
          alert('search First text')
  
        }
         $scope.nextSearch=function(){
                  alert('nextSearch')
  
        }
         $scope.preSearch=function(){
                          alert('preSearch')
  
        }
      });
    &lt;/script&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>is there any way to search filter  ?</p>