AngularJS test

by AaronLayton

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div ng-app="myAppName">
    <ul class="list-group" ng-controller="DatabasesCtrl">
      <li class="list-group-item" ng-repeat="database in databases">
          {{database}}
      </li>
    </ul>
</div>

CSS

.list-primary { 
    margin:0;
    padding:0;
    list-style:none;
}
.list-primary li {
    border-top:1px solid #eee;
}

JavaScript

var myAppName = angular.module('myAppName', []);

myAppName.controller('DatabasesCtrl', function ($scope, $http) {
    
    $http({method: 'GET', url: 'http://aaronlayton.cloudant.com/brands/3ae1cf426ce34690ea9bab255f565a84'}).
  success(function(data, status, headers, config) {
      $scope.databases = data
  }).
  error(function(data, status, headers, config) {
    $scope.databases = ["Error"]
  });
});