I'm very new to both web development and AngularJS. I am trying to write a web page that will automatically update its info based on JSon files sitting on my server. I can get the json data but I can't seem to parse the data coming in. I validated the json data just to make sure I was writing it correctly, but whenever I display it on the site is just displays as a single string. I am not able to access the individual members. My factory and controller are below. Any help would be greatly appreciated!!

var MyController = function($scope, $log, MyFactory) {

    $scope.notes =[];



function init() {

    MyFactory.getNotes()

        .success(function(notes){

            $scope.notes = JSON.parse(notes);

        })

        .error(function(data, status, headers, config) {

                $log.log(data.error + ' ' + status);

            });

}



    init();



angular.module('MyApp')

    .controller('MyController', MyController);

};

And the factory:

    var MyFactory = function($http) {

    var factory = {};

    factory.getNotes = function() {

        return $http.get('/ci/data.json');

    };

return factory;

};



angular.module('MyApp').factory('MyFactory', 

                                    MyFactory);

I admit the code and question is crude but I've just started. Any additional help on architecture and style would be appreciated as well! Thanks in advance!