Par [AngularJS] ou autre méthode. Connexion API, récupération de données et CSS dans HTML5

Bonjour à Tous,

Il a quelques temps j'utilisais la méthode classique iFrame fourni par le site internet Resident Advisor. Je suis DJ et j'utilise ce site pour chaque mois déclarer publiquement ma playlist de 10 morceaux favoris. [Bref] Aujourd'hui, il mette à disposition une API et ne supporte plus les iFrames (DJ BOX). J'ai un lien vers leur API incluant mes codes d'accès... Après des recherches j'ai réussi à accéder à mes données depuis un exemple fourni dans la doc d'AngularJS ce qui fais que je me tourne peut être vers cette méthode. (Mais il y a peut-être plus simple)

Je souhaite connecter une page web de mon domaine (djwilliamwild.com) a leurs API et récupérer mes données pour les parser dans ma page. Ce qui me permettra d'être à jour automatiquement. Mais surtout de comprendre comment faire (même si je ne suis pas dévelopeur) !

En utilisant le dernier exemple de cette page qui est un formulaire une programmation via angularJS
https://docs.angularjs.org/api/ng/service/$http

Je récupère un XML dynamiquement. C'est ce que je voudrai mais je souhaite que cela se fasse automatiquement (pas que ce soit une action internaute via un bouton puis fetch les datas dans la page) ... Ensuite je souhaite filtrer pour n'afficher que les champs XML que je souhaite (AngularJS doit permettre çà)
Puis styler dynamiquement les résultats.

Tout est là pour l'api RESIDENT ADVISOR c'est la fonction GetCharts que je souhaite utiliser :
http://www.residentadvisor.net/api/dj.asmx?op=getcharts

à la base c'est en asmx, j'imagine que c'est donc une API ASP.NET
Ils proposent un accès SOAP ou HTTP GET (POST aussi mais je pense que c'est pour Poster par récupérer donc cela ne m'intéresse pas Post je ne l'utiliserai pas)

Quelqu'un pour m'expliquer comment faire ? MERCI BEAUCOUP

OU AUTRE METHODE du moment que j'atteins mon BUT ! ;)