Search code examples
angularjscouchdbcloudant

How do I connect to a Cloudant database through pure angularJS

I've been using JSON strings to store my data and was thinking of moving to Cloudant. I've been searching long and hard for a tutorial or example code of this but one doesn't seem to exist (there are one with Node + Angular which uses the RESTAPI, but I'm a beginner in NodeJS and can't see a way to attach it to AngularJS)

I currently use this code to connect to my local.json file

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
    $http.get("data.json")
    .success(function(response) {$scope.experience = response.experience;});
}

Can someone help me connect to a Cloudant database?

Solution

  • I've figured it out, finally. No idea how or why there is no clear documentation on what header values are needed at the start, figured I'd share what I found:

    You first have to enable CORS settings through the cloudant website-- (Users > Cors > Enable cors) and then set withCredentials to true in your http request.

    The full code to connect is available here: https://github.com/gweennnnn/cloudantangularconnect