css - 使用来自 Nodejs 的 Angularjs 格式化文本文件

Question

我在后端使用 nodejs 和 express 读取文本文件的内容。

当我点击服务时，我在前端获取数据。

Object {data: "s1:- hi thank you for calling my name is oh…↵s1:- no worries your welcome bye mam
↵s2:- bye
↵", status: 200, config: Object, statusText: "OK"}

我能够获取文本，但我需要根据一些关键字(例如 s1 和 s2)对这些文本进行格式化，并添加换行符、动态加粗并使用 angular 显示该数据

Answer 1

第一个建议是，如果您有权访问该文件并控制内容，也许您可​​以使用 Markdown，然后使用如下指令:angular-markdown-directive

如果您不能更改内容，则必须创建自己的指令，以有效地查找和替换内容中的那些标签并将它们转换为 HTML。然后您可以使用 ng-bind-html 来呈现输出。

它看起来像:

angular.module('specialParse', [])
    .directive('specialParse', function() {
        return {
            template: '<div ng-bind-html="content"></div>',
            link: function(scope, element, attr) {
                scope.content = attr.specialParse
                    .replace(/\r?\n/g, '<br />') // Replace line breaks
                    .replace('s1', 'something') // Special tag
                    .replace('s2', 'somethingElse'); // Special tag
                    // ..... And so on.
            }
        }
    });

和 HTML

<div special-parse="data"></div>