如何在AngularJS中以HTML形式显示XML文本

Question

如何在AngularJS中以HTML形式显示XML文本

4

我有一些字符串数据 -

 var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel>    </rss>" ;

现在我想将这个字符串以正确的 XML 格式展示在网页上。

<channel>
   <title>
        RSS Title
   </title>
</channel>

我该怎么做？

- Disha

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bharat · Accepted Answer

希望 google-code-prettify 可以完成工作，但似乎它不能对缩进进行处理。通过一个额外的缩进插件 (vkbeautify)，可以获取正确的带有缩进的 xml 格式。

http://plnkr.co/edit/Pep9HurLI8NPtAXRsoFD?p=preview

<div ng-controller="myCtrl">
  <pre class="prettyprint lang-xml"></pre>
</div>

App.directive('prettyprint', function() {
  return {
    restrict: 'C',
    link: function postLink(scope, element, attrs) {
          element.text(vkbeautify.xml(scope.dom, 4));
    }
  };
});