Раскраска данных XML - AngularJS

Question

Я пытаюсь раскрасить теги данных XML. У меня есть приложение AngularJS, в котором я отображаю данные XML внутри модальный. Данные поступают из переменной области, отображаемой с тегом <pre>:

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

Это предварительно, но чтобы было легче читать, я хочу раскрасить теги (я думаю, это также называется snytax higlighting). Я перепробовал множество примеров / библиотек / директив для этого, самым близким, что я нашел, было this . Я могу покрасить статично XML-данные с ним. Там написано, что можно динамически изменять содержимое, но я не могу заставить его работать.

Если вы знаете, как это сделать или предложить что-то еще, я был бы очень счастлив.

Answer 1

Вы можете использовать директиву ng-style для применения стилей к элементам HTML.

Например, вы можете использовать его для своей задачи, чтобы применить цвет для ваших данных.

Вы можете написать:

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

Чтобы применить конкретный font-color к вашему xml.