没有其他HTML的angularjs换行过滤器

Question

我正在尝试将换行符（\n）转换为html br。
根据Google网上论坛的讨论，这是我得到的：

myApp.filter('newlines', function () {
    return function(text) {
        return text.replace(/\n/g, '<br/>');
    }
});

那里的讨论还建议在视图中使用以下内容：

{{ dataFromModel | newline | html }}

这似乎正在使用旧的html过滤器，而现在我们应该使用ng-bind-html属性。

无论如何，这都会带来一个问题：我不希望原始字符串（dataFromModel）中的任何HTML 都呈现为HTML；只有br的。

例如，给定以下字符串：

虽然7> 5，但
我仍然不希望html和其他东西出现在这里…

我希望它输出：

While 7 &gt; 5<br>I still don't want html &amp; stuff in here...

有什么办法可以做到这一点？

Answer 1

我决定不使用新的指令，而是决定使用2个过滤器：

App.filter('newlines', function () {
    return function(text) {
        return text.replace(/\n/g, '<br/>');
    }
})
.filter('noHTML', function () {
    return function(text) {
        return text
                .replace(/&/g, '&amp;')
                .replace(/>/g, '&gt;')
                .replace(/</g, '&lt;');
    }
});

然后，在我看来，我将一个管道插入另一个管道：

<span ng-bind-html-unsafe="dataFromModel | noHTML | newlines"></span>