AngularJS String with newlines, shown without breaks

Question

In the database I\'m saving input from a textarea, where you can add breaks. But how to show them in a Angular view? For PHP this is nl2br().

Like

Answer 1

If you want to add line breaks only and all the rest text to show as is you can use the following filter:

app.filter('nl2br', function() {
    var span = document.createElement('span');
    return function(input) {
        if (!input) return input;
        var lines = input.split('\n');

        for (var i = 0; i < lines.length; i++) {
            span.innerText = lines[i];
            span.textContent = lines[i];  //for Firefox
            lines[i] = span.innerHTML;
        }
        return lines.join('
');
    }
});

then use it in view like this:

In this case the only HTML tag that is present in the result string is
. All other tags will be escaped.
And don't forget to load ngSanitize module (angular-sanitize.js script).

The full working example you can find on jsFiddle.