AngularJS Example:
by CaioToOn
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.1/angular-resource.min.js"></script>
<div ng-app="project">
<h2>JavaScript Projects</h2>
<ul ng-controller="ListCtrl">
<li ng-repeat="project in projects">{{project.name}} - {{project.site}}</li>
</ul>
</div>
JavaScript
angular.module('project', ['mongolab']);
var scope;
function ListCtrl($scope, Project, $rootScope) {
scope = $rootScope;
$scope.projects = Project.test();
}
angular.module('mongolab', ['ngResource']).
factory('Project', function ($resource) {
var url, dfParams, actions;
url = 'https://api.mongolab.com/api/1/databases' + '/angularjs/collections/projects/:id';
dfParams = {
apiKey: '4f847ad3e4b08a2eed5f3b54'
};
actions = {
test: {
method: 'GET',
isArray: true,
transformResponse: function (response) {
console.log('transforming');
return response;
}
}
};
var Project = $resource(url, dfParams, actions);
return Project;
});