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