如何在Angular JS的HTML中显示XML文本

Question

我有一些字符串数据-

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

现在，我希望此字符串以正确的xml格式显示在网页上。

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

我怎样才能做到这一点？

Answer 1

原本希望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));
    }
  };
});