Where to store data when working with angular.js?

Question

Angular

I'm starting to learn angular.js and can't figure out where to store the data.
I have an array like:

.controller('myCtrl', function ($scope) {
    $scope.links = [{
        url: 'http://',
        ancor: 'some string',
    }];
}

and View in which this array is compiled into the menu:

<nav>
    <a ng-repeat="link in links" ng-href="{{link.url}}">{{link.ancor}}</a>
</nav>

This menu is static ( not loaded by ajax). The crux of the matter is: where do I place this array? Directly in the Controller? But after all, according to MVC, data should be stored separately from the controller . Then where should they be? And how to transfer to the controller?

Answer 1

In the service
stackoverflow.com/questions/18036629/inject-a-conf...
Everything that is not a directive, not a controller goes to the service

Answer 2

You can, of course, put it in a separate file, for example. But you, probably, will pull everything from the server, right?

.controller('myCtrl', function ($scope) {
    $scope.links = linksList;
}

var linksList = [{
        url: 'http://',
        ancor: 'some string',
    },
    {
        url: 'http://2',
        ancor: 'some string2',
    }
];

Answer 3

maybe try the factory?
in the same place it will be possible to enter ajax sources