Wie ein bestimmtes Wort in einem Absatz zu markieren

Question

Ich benutze angular js MVC als mein Frontend zusammen mit HTML, Bootstrap. Ich versuche, Ergebnisse gemäß dem Suchschlüsselwort (ng-Modell) anzuzeigen. Meine Anforderung ist so, in den Ergebnissen, die angezeigt werden, muss ich das Such-Keyword im Ergebnis hervorheben.

Mein Inhalt wird innerhalb <p> angezeigt.

Answer 1

Html

$scope.highlight = function(haystack, needle) { 
     if(!needle) { 
      return $sce.trustAsHtml(haystack); 
     } 
     return $sce.trustAsHtml(haystack.replace(new RegExp(needle, "gi"), function(match) { 
      return '<span class="highlightedText">' + match + '</span>'; 
     })); 
    }; 

css

.highlightedText { 
    background: red; 
} 

html

<div ng-bind-html="highlight('Nic is cool and smart', 'and')"></div>