Esta pergunta já tem uma resposta aqui:

Estou escrevendo meu webApp e usando o AngularJS. Neste aplicativo, criei um arquivo chamado script.js e relatei este código:

var modulo = angular.module('progetto', ['ngRoute']);

    // configure our routes
    modulo.config(function ($routeProvider, $httpProvider) {
        $routeProvider

            // route for the home page
            .when('/', {
                templateUrl: 'listaFilm.html',
                controller: 'listaController'
            })

            // route for the description page
            .when('/:phoneName', {
                templateUrl: 'description.html',
                controller: 'descriptionController'
            });


            $httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

    });


    modulo.controller('listaController', function ($scope, $http) {
        $http.get('https://api.getevents.co/event?&lat=41.904196&lng=12.465974').success(function (data) {
            $scope.names = data;
            }).
            error(function (data, status) {
                $scope.names = "Request failed";
            });
    });

Com esse código, chamo a API seguindo os princípios RESTful. Quando executo o código, tenho este problema:

XMLHttpRequest não pode carregarhttps://api.getevents.co Nenhum cabeçalho 'Access-Control-Allow-Origin' está presente no recurso solicitado. Origemhttp: // localhost: 8383'não é, portanto, permitido o acesso.

Lendo na web, entendi que tenho um problema chamado CORS ... Tentei várias soluções propostas, mas não resolvi o problema.
Como posso resolver o problema?
Qual é o código que devo adicionar para corrigi-lo?