Cargar contenido de XMLList en componente List

[juandedios]

Hola, quiero cargar el contenido de un XMLList en un componente list, me salen los espacios de los elementos, pero sin el texto.

Archivo XML:

Código XML:

<?xml version="1.0" encoding="utf-8"?>
<canciones>
    <cancion>
        <nombre>SOBREDOSIS</nombre>
        <artista>Los Titanes de Colombia</artista>
        <interprete>Orquesta La Exclusiva: Juan de Dios</interprete>
        <url>song/sobredosis.mp3</url>
    </cancion>
    <cancion>
        <nombre>LAS MUJERES ESTAN DE MODA</nombre>
        <artista>Grupo Niche</artista>
        <interprete>Orquesta La Exclusiva: Juan de Dios</interprete>
        <url>song/las mujeres estan de moda.mp3</url>
    </cancion>
    <cancion>
        <nombre>YO NO SE MAÑANA</nombre>
        <artista>Luis Enrique</artista>
        <interprete>Orquesta La Exclusiva: Juan de Dios</interprete>
        <url>song/yo no se manana.mp3</url>
    </cancion>
</canciones>
 

Y el codigo AS3 es:

Código AS3:

import fl.controls.List;
import fl.data.DataProvider;
import flash.net.*;
import flash.events.*;
 
var lista:List = new List();
 
lista.setSize(150, 300);
lista.move(50, 50);
 
addChild(lista);
 
var xml:XML;
var archivo:String = "canciones.xml";
var req:URLRequest = new URLRequest(archivo);
var loader:URLLoader = new URLLoader();
loader.load(req);
loader.addEventListener(Event.COMPLETE, whenComplete);
 
function whenComplete(e:Event) {
    var xml:XML = new XML(e.target.data);
    var canciones:XMLList = xml.cancion.nombre.text();
    var listaCanciones:Array = new Array();
    var i:uint = 0;
    
    for (i; i < canciones.length(); i++) {
        listaCanciones.push(canciones[i]);
    }
    
    var dp:DataProvider = new DataProvider(listaCanciones);
    lista.dataProvider = dp;
}
 

Espero que me puedan ayudar.

Gracias.