Changing hardcoded array to a $http callback

i am wanting to change my service from a hardcoded static array to an array returned from a $http call. i have attempted to do this below however it does not work.

I can confirm the data returned from http is working and returns the correct data( i have taken the link out for the purpose of the question).

i am not getting an error message and therefore cannot give any further information at this point however what i would like to know is if i am doing this in the correct way.

banging my head against a wall for such a simple task at the moment....

hardcorded array:

.factory('Cards', function($http){
  var cardTypes = [
    {id: 1, USECASE_NAME: "Frank", USECASE_IMAGE: 'img/Frank.png', USECASE_DESC:"This is frank the bank card, He helps people all over the world make millions of transactions each year!", done: true },
    {id: 2, USECASE_NAME: "John Lewis", USECASE_IMAGE: 'img/JohnLewis.png', USECASE_DESC:"John Lewis is one of the biggest retailers in the United Kingdom with a very proud reputation", done: true },
    {id: 3, USECASE_NAME: "Generali", USECASE_IMAGE: 'img/Generali.png', USECASE_DESC:"Generali is the largest insurance company in Italy and arguably one of the biggest in Europe", done: true },

  ];
  return {
    all: function() {
      return cardTypes;
    }
  }

});

$http callback

.factory('Cards', function($http) {
    var cardTypes = {};

    $http.post("http://url", {
        "auth": "cats",
        "name": "Adam",
        "uuid": "fasfA"
    }).
    success(function(data, status, headers, config) {
        cardTypes = data;
    }).
    error(function(data, status, headers, config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
    });

    return {
        all: function() {
            return cardTypes;
        }
    }
});