title: angularjs-highlight text into paragraph
body: <p>I am new to angular js. So, I want to highlight certain text from a HTML.</p>
  
  <p>HTML CODE:</p>
  
  <p></p>
  
  <pre><code>                    &lt;div class="form-label logs-wrap" ng-repeat="x in res track by $index" ng-click="getBookingLog(x.bookingDBID)" ng-class="{selected: x.bookingDBID === bookingDBID}"&gt;
  
                        &lt;span class="form-label"&gt;{{x.xml}}&lt;/span&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
  </code></pre>
  
  <p>My CSS (Only selected class):</p>
  
  <pre><code>.selected {
    background-color: red;
  }
  </code></pre>
  
  <p>ANGULAR CODE:</p>
  
  <pre><code>$scope.bookingDBID = null;
      $scope.getBookingLog = function(bookingDBID){
        $scope.book = {};
        $scope.book.PID = $stateParams.id;
        $scope.book.bookingDBID = bookingDBID;
  
        $scope.showloader=true;
        var Indata ='data='+angular.toJson($scope.book)+'&amp;method=getBookingLog&amp;service=bookings';
        $http({
           method: 'POST',
           url: 'sl/service/middleservice.php',
           headers: {'Content-Type': 'application/x-www-form-urlencoded'},
           data: Indata
           }).success(function (response) {
              // console.log(response);
  
              $scope.showloader=false;
              if(response == 'noSession')
              {
                location.href = 'login.php';
              }else
              {
                if(response)
                {
                  $scope.res = response.reverse();              
                  $scope.cnt = $scope.res.length;
                }
                $scope.loadingdiv= false;
                $scope.$modalInstance1 = $modal.open({
                    scope: $scope,
                    templateUrl: "bookinglog.html",
                    size: 'lg1',
                });
              }
         });
  
      }
  </code></pre>
  
  <p>I want to highlighted a <strong>bookingDBID</strong> in angular js but no any text highlighted.</p>
  
  <p><a href="https://i.stack.imgur.com/6v91g.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6v91g.jpg" alt="enter image description here"></a></p>
  
  <p>i want to highlited in the image that 
  <strong>152422082503328306779</strong> </p>
  
  <p><strong>reservation_notif_id=bookingDBID</strong>  result store </p>
  
  <p>Any body having any idea please help to sort it out. Thanks</p>