angularjs - escape - ng-class

Necesito hacer una solicitud http a una lista de suscripción de chimpancé por correo a través de una publicación de componente

Question

Necesito hacer una solicitud http a una lista de suscripción de chimpancé por correo a través de una publicación de componente

He leído la documentación del correo chimpancé y no pude encontrar nada al respecto. También probé su forma incrustada de correo chimpancé en una vista angular de 2 html5, pero eso no funciona por alguna razón extraña.

Así que, como resultado, hice una solicitud http a la lista de suscripción y tengo problemas para hacerlo funcionar.

Estoy usando mecanografiado, angular2 y correo chimpancé

Este es mi código hasta ahora:

 subscribe = () => {
var url = "https://mysubscriptionlist.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email;
this.jsonp.request(url).subscribe(response => {
console.log(response);
});
}

Este es el error de registro de consola actual en chrome:

Untaught SyntaxError: Token inesperado <

Answer 1

Finalmente descubrí cómo solucionar tu problema. Necesita usar el soporte de Jsonp de Angular2.

Su dirección es compatible con Jsonp agregando un parámetro de consulta c a su URL y cambiando https://mysubscriptionlist.us10.list-manage.com/subscribe/post por https://mysubscriptionlist.us10.list-manage.com/subscribe/post-json JSONP_CALLBACK poner el valor JSONP_CALLBACK en él (consulte este problema: https://github.com/angular/angular/issues/5613 ).

En este caso, tendrá la siguiente carga de respuesta:

JSONP_CALLBACK (
{
"result": "success",
"msg": "Almost finished... We need to confirm your email address. To complete the subscription process, please click the link in the email we just sent you."
}
)

Después de haber registrado JSONP_PROVIDERS al llamar a la función de bootstrap :

import {bootstrap} from ''angular2/platform/browser''
import {JSONP_PROVIDERS} from ''angular2/http''
import {AppComponent} from ''./app.component''
bootstrap(AppComponent, [ JSONP_PROVIDERS ]);

A continuación, puede ejecutar su solicitud utilizando una instancia de la clase Jsonp que ha inyectado desde el constructor:

import {Component} from ''angular2/core'';
import {Jsonp} from ''angular2/http'';
@Component({
selector: ''my-app'',
template: `
<div>
Result: {{result | json}}
</div>
`
})
export class AppComponent {
constructor(jsonp:Jsonp) {
var url = ''https://mysubscriptionlist.us10.list-manage.com/subscribe/post-json?u=(...)&subscribe=Subscribe&[email protected]&c=JSONP_CALLBACK'';
jsonp.request(url, { method: ''Get'' })
.subscribe((res) => {
this.result = res.json()
});
}
}

Vea este plunkr para una muestra de trabajo: http://plnkr.co/edit/dqreqBL6kyNkR8Z2wgGR?p=preview