El control de acceso permite el origen en AngularJS

AngularJS es un marco de aplicación web basado en JavaScript para crear aplicaciones de una sola página. Es un marco estructural utilizado para crear el front-end de la aplicación.

El encabezado Access Control Allows Origin especifica qué dominios pueden acceder al contenido. De forma predeterminada, AngularJS usa una cadena vacía como valor, lo que significa que cualquier dominio puede acceder a ella.

Este encabezado restringe qué dominios pueden acceder a los recursos y tiene dos valores posibles, * y self. El asterisco (*), en este caso, significa que cualquier dominio puede acceder a él, mientras que el otro valor self significa que solo pueden acceder páginas de origen similar.

En resumen, se trata de un error de seguridad. El navegador no permitirá que se cargue el recurso a menos que esté presente un encabezado Control de acceso Permitir origen.

Solución a este error de seguridad

Analicemos la solución a este error.

Las páginas web regulares pueden transmitir y recibir datos de servidores remotos usando el objeto XMLHttpRequest, pero la política del mismo origen los restringe. Las extensiones no son tan limitadas como antes.

Si una extensión solicita derechos de origen cruzado, puede comunicarse con servidores fuera de su origen.

Para solucionar este error, puedes usar JSONP. Esta técnica le permitirá enviar una solicitud AJAX del cliente al servidor con datos JSON agregando una etiqueta de secuencia de comandos en la página y configurando su atributo src para que apunte a la URL de su servicio que devuelve datos JSON.

var url = "paste url link here";
$http.jsonp(url)
.success(function(data){
    console.log(data);
});