script origin not injected example did control allow json typescript angular jsonp

origin - Angular 2 analizando objetos JSON en clases angulares



jsonp angular 5 example (1)

Encontré la respuesta en la Opción 4 de la respuesta que se da aquí: ¿Cómo inicializo un objeto de mecanografía con un objeto JSON?

Espero que esto ayude si alguien llega a esta página buscando la misma cosa.

Esta pregunta ya tiene una respuesta aquí:

He estado siguiendo la documentación de inicio de Angular2 para hacer que mi propia aplicación despegue, he logrado recuperar objetos JSON de un archivo local y mostrarlos en plantillas angular2. Sin embargo, actualmente depende de las clases angulares que coinciden exactamente con la estructura de los objetos en mi archivo JSON.

Eventualmente, necesitaré que mi aplicación funcione con JSON-LD, que tiene nombres de propiedad como "@id". He hecho algunas búsquedas en Google y parece que RxJS podría tener la funcionalidad que estoy buscando, pero no estoy seguro de por dónde empezar a interrumpir el enlace automático de algunos datos JSON directamente en mis clases angulares2, y en su lugar ser capaz de buscar algo que está etiquetado como "@id" en el json y establecer el valor de SomeClass.id

Código actual que produce automáticamente una matriz de una clase Person:

getPeople(){ return this._http.get(this._peopleUrl) .map(response => <Person[]> response.json().data) .do(data => console.log(data)) //debug to console .catch(this.handleError); }

Está bien para JSON así:

[ { "id":"1", "name":"tessa" }, { "id":"2", "name":"jacob" } ]

Pero obviamente fallaría para JSON así:

[ { "@id":"1", "name":"tessa" }, { "@id":"2", "name":"jacob" } ]

Mi clase es simple (por el momento :-))

export class Person { constructor( public id:number, public name:string, ){} }

¿Alguien puede señalarme en la dirección correcta para algunos documentos / ejemplos de mapeo complejo / complicado JSON a las clases en angular2?