使用角度从xml中提取标签答案

【问题标题】：extracting tags from xml using angular使用角度从xml中提取标签
【发布时间】：2017-08-05 01:36:51
【问题描述】：

我有一个格式如下的 XML：

<lfm status="ok">
<artisttracks user="RJ" artist="shakira" page="1" perPage="50" totalPages="0" total="0">
<track>
<artist mbid="bf24ca37-25f4-4e34-9aec-460b94364cfc">Shakira</artist>
<name>Can't Remember to Forget You</name>
<streamable>0</streamable>
<mbid/>
<album mbid="">Shakira. (Deluxe Version)</album>
<url>
https://www.last.fm/music/Shakira/_/Can%27t+Remember+to+Forget+You
</url>
<image size="small">
https://lastfm-img2.akamaized.net/i/u/34s/6f52cd9bdf564954c9df5a574db26cc4.png
</image>
<image size="medium">
https://lastfm-img2.akamaized.net/i/u/64s/6f52cd9bdf564954c9df5a574db26cc4.png
</image>
<image size="large">
https://lastfm-img2.akamaized.net/i/u/174s/6f52cd9bdf564954c9df5a574db26cc4.png
</image>
<image size="extralarge">
https://lastfm-img2.akamaized.net/i/u/300x300/6f52cd9bdf564954c9df5a574db26cc4.png
</image>
<date uts="1472405290">28 Aug 2016, 17:28</date>
</track>

如何使用 ng-repeat 提取曲目名称？我尝试了以下

<table class="table">
    <tr ng-repeat="track in model.tracks">
    <tr ng-repeat="name in model.artisttrack">
        <td>
            {{track.name}}
        </td>
    </tr>
    </tr>
</table>

它正在显示整个 xml 文件。

【问题讨论】：

需要先将XML数据转成JSON
是的，我通过改变格式解决了。

标签： javascript angularjs xml

【解决方案1】：

所有现代浏览器都有一个内置的 XML 解析器，可以将文本转换为 XML DOM 对象。

var text, parser, xmlDoc;

text = "<bookstore><book>" +
    "<title>Everyday Italian</title>" +
    "<author>Giada De Laurentiis</author>" +
    "<year>2005</year>" +
    "</book></bookstore>";

parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");

document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

另外，看看x2js

w3schools

【讨论】：