<!DOCTYPE html>
<html ng-app="dronzeApp">
<head>
<title>Hello World, AngularJS - ViralPatel.net</title>
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type="text/javascript">
var dronzeApp = angular.module('dronzeApp', []);
dronzeApp.config(function($httpProvider) {
//Enable cross domain calls
$httpProvider.defaults.useXDomain = true;
//Remove the header containing XMLHttpRequest used to identify ajax call
//that would prevent CORS from working
delete $httpProvider.defaults.headers.common['X-Requested-With'];
});
dronzeApp.controller('CompanyStatements', function ($scope, $http) {
$http.get('http://ec2-52-24-100-54.us-west-2.compute.amazonaws.com:8080/rest/api/statement/dates/AAN')
.success(function(data) {
$scope.statements = data;
});
});
</script>
</head>
<body>
<div ng-controller="CompanyStatements">
<div>Statement ticker: {{statements.ticker}}</div>
<ul>
<li ng-repeat="date in statements.statementDates">
<span>{{date}}</span>
</li>
</ul>
<p>Total number of statements: {{statements.statementDates.length}}</p>
</div>
</body>
</html>