2016-04-15 4 views
0

Also habe ich eine Seite habe, dass einige twitter JSON anzeigt und es ist übersät mit &, die als &ng-bind-html nicht entfernen &

zeige ich ngSanitize in meiner App enthalten haben: var teenSite = angular.module("teen.myapp", ['ngRoute', 'slickCarousel', 'ngSanitize', 'ngMessages','mm.foundation'])

und ich verwende ng-bind-html meiner Meinung nach: <span ng-bind-html="items.text | linky:'blank_'" />

wenn Text-Links richtig in <a> Tags formatiert werden angezeigt und ordnungsgemäß funktionieren, aber die Beiträge hav e &amp; durch sie hindurch.

Beispiel Ausgabe: Smile it's finally #Friday! Weekends R the perfect time 2 visit ur @PlaceIWork &amp; work on ur Short

Ich habe die Winkel Dokumentation über ng-bind-html prüft und denke, dass ich dieses Recht mache. Was geht hier vor sich?

+0

Was ist '' items.text'and linky'? –

Antwort

0

Versuchen Sie, einen Filter zu schaffen, wie so ...

var app = angular.module("teen.myapp", ['ngRoute','slickCarousel','ngSanitize','ngMessages','mm.foundation','ngResource']); 

app.filter("cleanUp", ['$sce', function($sce) { 
    return function(textToCleanUp){ 
    return $sce.trustAsHtml(textToCleanUp); 
    } 
}]); 

dann verwenden, wie so:

<span ng-bind-html="items.text | linky:'blank_' | cleanUp" /> 
+0

Danke dafür. Aus irgendeinem Grund funktioniert trustAsHtml nicht und ich bekomme immer noch die '&' in meiner Ausgabe. Damit habe ich einen Regex-Ersatz in diesem Filter fallen lassen und es scheint der Trick zu sein. Ich wusste nicht über Filter, so dass dies später auch nützlich sein wird. – user5589558

0

Ändern Sie Ihre Ampersands in & Amp, und es sollte Et-Zeichen anzeigen.