After spending hours trying to figure out why something so simple is not working, I'm at a loss.
Testing with a dummy list proves the functionality works, but when I connect my server-side data source, it fails. The JSON returned from the AJAX call is identical to that of the dummy list.
Where am I going wrong?
Here's a link to a working example with a dummy list: http://plnkr.co/edit/6nBkdBpPVqQ2P8u2BEeY
The server side is an .NET MVC 4 app.
HTML:
<div data-ng-controller="currencyController">
<ul>
<li data-ng-repeat="currency in currencies"><span>{{ currency.CurrencyCode}} - </span><span>{{ currency.CurrencyName }}</span>
</li>
</ul>
</div>
JS:
var currencyTools = angular.module('currencyTools', []);
currencyTools.controller('currencyController',function(currencyService,$scope) {
var path = 'currency/GetCurrencies';
currencyService.getAllCurrencies(path, function (jsonResult) {
$scope.currencies = jsonResult.data;
});
// $scope.currencies = dummyList(); //if i uncomment this it works
})
currencyTools.factory('currencyService', function () {
var service = {
getAllCurrencies: function (path, callback) {
var result = $.ajax({
url: path,
type: 'GET',
dataType: 'json',
data: '',
contentType: 'application/json; charset=utf-8',
success: function(json) { callback(json); }
});
return result;
}
};
return service;
});
function dummyList() {
return [
{ "CurrencyCode": "BAM", "CurrencyName": "Bosnia-Herzegovina Convertible Mark" },
{ "CurrencyCode": "BBD", "CurrencyName": "Barbadian Dollar" },
{ "CurrencyCode": "BDT", "CurrencyName": "Bangladeshi Taka" },
{ "CurrencyCode": "BGN", "CurrencyName": "Bulgarian Lev" },
{ "CurrencyCode": "BHD", "CurrencyName": "Bahraini Dinar" },
{ "CurrencyCode": "BIF", "CurrencyName": "Burundian Franc" },
{ "CurrencyCode": "BMD", "CurrencyName": "Bermudan Dollar" },
{ "CurrencyCode": "BND", "CurrencyName": "Brunei Dollar" },
{ "CurrencyCode": "BOB", "CurrencyName": "Bolivian Boliviano" },
{ "CurrencyCode": "BRL", "CurrencyName": "Brazilian Real" },
{ "CurrencyCode": "BSD", "CurrencyName": "Bahamian Dollar" },
{ "CurrencyCode": "BTC", "CurrencyName": "Bitcoin" }];
}