XML数据到Angular 8中的材质树

我目前正在尝试将XML数据显示到材料树（https://material.angular.io/components/tree/overview）中，问题是材料树不会直接采用XML dataSource，我需要将我的XML转换成这样的东西：

[
  {
    name: 'Fruit',
    children: [
      {name: 'Apple'},
      {name: 'Banana'},
      {name: 'Fruit loops'},
    ]
  }, {
    name: 'Vegetables',
    children: [
      {
        name: 'Green',
        children: [
          {name: 'Broccoli'},
          {name: 'Brussel sprouts'},
        ]
      }
    ]
  },
];

我来自其他API的XML数据如下所示：

<processTimer>
  <Environment uri="record:processTimer.BPM/environment">
    <Environment>
      <initiator>
        <commonName>anonymous</commonName>
      </initiator>
      <locale>fr_FR</locale>
      <counter>8802</counter>
      <last-fault>
        <scope>Domaine_1</scope>
        <message>java.lang.NullPointerException</message>
      </last-fault>
    </Environment>
  </Environment>
  <blah uri="record:processTimer.HL7_COMP/CX"/>
</processTimer>

我试图将其解析为JSON，因为它看起来更像JSON，而不是XML，但我无法获得所需的DataModel。

我还尝试将其解析为DOM对象，因为我们可以在控制台上显示它的树，但是同样在这里我无法让它在页面本身上工作。

我有点坚持，如果有人可以给我一些从这里去哪里的提示，那就太好了！

提前致谢 ！:)