AngularJS - интеграция сервисов SOAP с моделью AngularJS

Я опытный разработчик Flex, который изучает AngularJS. Это так запутанно !!!

В любом случае, я пытаюсь выполнить сервисный вызов моего внутреннего сервера (в том же домене) через запрос SOAP WSDL и заполнить данные объектом модели AngularJS. Я пробовал Ajax, но у меня были некоторые проблемы с получением реальных данных. Я думаю, что что-то не так с тем, как я создал тег SOAP. Я получил успешный ответ, но нет данных.

После того, как я не смог разобраться в методе Ajax, я наткнулся на soapclient.js и обнаружил, что он чрезвычайно прост и содержит меньше кода, чем Ajax. soapclient.js выполняет большую часть работы за вас, подобно методу Ajax, который делает намного меньше кода. Кроме того, используя soapclient.js, я могу сделать вызов SOAP, а также получить данные обратно в формате XML-ответа.

http://javascriptsoapclient.codeplex.com

Моя проблема заключается в том, что я пытаюсь использовать AngularJS для вывода XML-ответа в объект модели AnularJS. Я не уверен, как настроить проект AngularJS для того, что я делаю, но я действительно хотел бы знать лучший метод, чтобы сохранить то, над чем я работаю, развязанным. Я искал в Google как сумасшедший, но большинство примеров кажутся слишком сложными для новичка.

Вот что у меня есть:

<html>
<head>
    <script language="JavaScript" type="text/javascript" src="jquery-1.10.1.js"></script>
    <script language="JavaScript" type="text/javascript" src="soapclient.js"></script>

    <script type="text/javascript">
        function getData() {
            var url2 = "https://myService";
            var pl = new SOAPClientParameters();

            pl.add("arg0", false);

            SOAPClient.invoke(url2, "methodToCall", pl, true, getDataCallback);
        }

        function getDataCallback(r, soapResponse) {
            alert(r.contents.payeeMailName);
        }
    </script>
</head>

<body>
<form>
    <input type="button" value="Click Here to Call Web Service" onClick="getData()" style="width: 192px">
</form>
<div id="result">Result?</div>
</body>
</html>

Теперь служба SOAP возвращает данные следующим образом:

 <return>
    <contents>
       <eftAcctType>S</eftAcctType>
       <id>
          <djNumber>201-16-39063</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>124 Agate Drive</payeeAddrLine1>
    </contents>
    <contents>
       <eftAcctType/>
       <id>
          <djNumber>201-16-39201</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>c/o Kevin Martinez, Attorney at Law</payeeAddrLine1>
    </contents>
    <contents>
       <eftAcctType>C</eftAcctType>
       <id>
          <djNumber>201-16-38561</djNumber>
          <djSequence>1</djSequence>
       </id>
       <payeeAddrLine1>1360 South Highway 191</payeeAddrLine1>
    </contents>
    <status>0</status>
 </return>

Каков "правильный" способ в AngularJS сделать вызов службы, если предположить, что я сделал это нормально, если не сказать, как лучше, а затем, в результате, как мне пройти по данным в ответе XML и разобрать его в объект угловой модели? В конце концов я хочу использовать эти данные в DataGrid.

Любая помощь будет высоко ценится.