Konvertieren mehrzeiligen text zu HTML-Absätze mit AngularJS

Ich glaube, ich habe endlich dieses Problem gelöst. Ich hoffe, diese Antwort hilft jemand.

Wie ich bereits erwähnt habe ist dies ein 3-Schritte-Prozess.

1. Escape-HTML-Einschlüsse im ersten text.
2. Filter anwenden zum brechen von mehrzeiligen text in Absätze.
3. Ausgabe text ohne weiteres entkommen.

Für den ersten Schritt habe ich versucht zu finden, einige der bestehenden Funktion zu entfliehen ersten text, aber ohne Erfolg. Scheint, wie AngularJS ist nicht setzen alle Methoden, dies zu tun (bitte korrigiert mich wenn ich falsch Liege). Endlich habe ich meinen eigenen filter, um escape-HTML:

myModule.filter('htmlEscape', function() {
    return function(input) {
        if (!input) {
            return '';
        }
        return input.
            replace(/&/g, '&').
            replace(/</g, '&lt;').
            replace(/>/g, '&gt;').
            replace(/'/g, '&#39;').
            replace(/"/g, '&quot;')
        ;
    };
});

Dann habe ich einen filter zu brechen, plain text in Absätze:

myModule.filter('textToHtml', ['$sce', 'htmlEscapeFilter', function($sce, htmlEscapeFilter) {
    return function(input) {
        if (!input) {
            return '';
        }
        input = htmlEscapeFilter(input);

        var output = '';
        $.each(input.split("\n\n"), function(key, paragraph) {
            output += '<p>' + paragraph + '</p>';
        });

        return $sce.trustAsHtml(output);
    };
}])

Ich bin Injektion früh erstellt htmlEscape filter und mit $sce.trustAsHtml Methode Rückgabewert geeignet für den Einsatz mit ng-bind-html Richtlinie.

Und am Ende bin ich aufrufen dieser filter in der partial-template wie dieses:

<div ng-bind-html="someText|textToHtml"></div>

Hier ist das Ergebnis: