Açısal vurgulamak & dehighlight dinamik html kullanarak filtreler

Question

Ben vurgulamak için filtre kümesi yazmaya çalışıyorum

ve sonra dinamik olarak oluşturulmuş dehighlight html:

Vurgu filtresi:

app.filter('highlight', function ($sce) { 
    return function (str, termsToHighlight) { 
     // Sort terms by length 
     termsToHighlight.sort(function (a, b) { 
      return b.length - a.length; 
     }); 
     var regex = new RegExp('(' + termsToHighlight.join('|') + ')', 'g'); 
     return $sce.trustAsHtml(str.toString().replace(regex, '<span class="highlightedSpan" style="background-color: yellow; ' + 
      'font-weight: bold;">$&</span>')); 
    }; 
}); 

Dehighlight:

app.filter('dehighlight', function ($sce) { 
    return function (str) { 

     var obj = $($.parseHTML(str)); 

     obj = obj.find('.highlightedSpan').replaceWith(function() { return this.innerHTML; }); 

     return $sce.trustAsHtml(obj.html()); 
    }; 
}); 

Yayılma etiketini çıkarmaya ve orijinal metni bırakmaya çalışıyorum, ancak çalışıp çalışmadığını veya geri dönüp dönmeyeceğinden emin değilim. Str, html dizesidir. Herhangi bir yardım büyük takdir edilecektir!

Answer 1

Sadece bütünlük uğruna, sonuçta anladım, bulma işlevi POV'umdan hatalı davranıyordu. dehighlighting için

Final çözüm:

app.filter('dehighlight', function() { 
    return function (str) { 
     var obj = $('<div/>').append(str); 

     obj.find('span.highlightedSpan').replaceWith(function() { return this.innerHTML; }); 

     return obj.html().toString(); 
    }; 
}); 

Answer 2

Angular ile önemsiz bir görev olarak işaretleme terimlerini bulduk ve bir dış kütüphane (Mark.js) kullanarak sona erdirdik. Html'yi doğrudan bunun gibi manipüle etmek, açının kapsamını bozabilir ve başka sorunlar yaratabilir. Her bir olası terim kendi küçük html etiketinde bulunuyorsa, paylaşılan bir terimler listesine (bir hizmetin içine veya hizmetinin bir parçası olarak) karşı test etmek için her birinde bir filtre kullanabilirsiniz, yalnızca "filtrenin" düzgün olduğunu unutmayın. Girdileri değiştirmenin ne olacağı hakkında bir kirli kontrol ve yeniden değerlendirmek.