如何在js中以html显示xml文本

我有一些字符串中的数据-

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

var xml=“RSS Title”；

现在我希望这个字符串以正确的xml格式显示在web页面上

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

RSS标题

---

我怎么能做到这一点呢？

本以为谷歌代码美化可以完成这项工作，但看起来它不做缩进。通过一个额外的缩进插件（vkbeautify），可以通过缩进获得正确的xml格式

App.directive（'prettyprint'，function（）{
返回{
限制：“C”，
链接：函数postLink（范围、元素、属性）{
text（vkbeautify.xml（scope.dom，4））；
}
};
});

hi，当我单击按钮并更新dom值时，该如何修复？

<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));
    }
  };
});