angularjs - 着色 XML 数据 - AngularJS

Question

我正在尝试为 XML 数据的标签着色。我有一个 AngularJS 应用程序，我在其中显示模式内的 XML 数据。数据来自范围变量，用<pre>标签显示：

<pre> {{xmldata.xml_one}} </pre>

它被美化了，但为了便于阅读，我想为标签着色（我认为它也称为 snytax 高亮显示）。我为此尝试了许多示例/库/指令，我发现最接近的是this。我可以用它为静态 xml 数据着色。它说人们也可以用它为动态变化的内容着色，但我无法让它工作。

如果您知道该怎么做或提出其他建议，我将非常高兴。

标签： angularjsxml

Answer 1

您可以使用ng-style指令将样式应用于 HTML 元素。

例如，您可以将它用于您的问题，为您的数据应用颜色。

你可以写：

<pre ng-style="color:<your_color>">{{xmldata.xml_one}} </pre> 

将特定应用font-color到您的 xml。