Skip to main content
Fix ej. de salida
Origen Enlace
JRR
  • 23
  • 7

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01"01", "value": "Teléfono" },
  { "key": 02"02", "value": "Móvil" },
  { "key": 03"03", "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [keykey:number] string;
  number: string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  const url = `assets/mock/example.json`;
  return this.mockExampleService('example/mock.json'url).pipe(
    map(el(json) => {
      const convertData = JSON.stringify(json);
      const arrayObjs = [];
      arrayObjs.push(
        JSON.parse(
          convertData,
          (key: MockModelstring, value: string): MetadataModel[] => {
            return [{el key, value }];
          },
        ),
      );
      return arrayObjs;
    }),
  );
}

El array formado sería erróneo, ya que se ve

introducir la descripción de la imagen aquí

Sé que es un asunto del operador rXjs, pero no logré encontrar la solución. Gracias por la ayuda.

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}

Sé que es un asunto del operador rXjs, pero no logré encontrar la solución. Gracias por la ayuda.

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": "01", "value": "Teléfono" },
  { "key": "02", "value": "Móvil" },
  { "key": "03", "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  key: string;
  number: string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  const url = `assets/mock/example.json`;
  return this.mockExampleService(url).pipe(
    map((json) => {
      const convertData = JSON.stringify(json);
      const arrayObjs = [];
      arrayObjs.push(
        JSON.parse(
          convertData,
          (key: string, value: string): MetadataModel[] => {
            return [{ key, value }];
          },
        ),
      );
      return arrayObjs;
    }),
  );
}

El array formado sería erróneo, ya que se ve

introducir la descripción de la imagen aquí

Sé que es un asunto del operador rXjs, pero no logré encontrar la solución. Gracias por la ayuda.

Añadir el problema al final del cuerpo del mensaje.
Origen Enlace
JRR
  • 23
  • 7

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}

Sé que es un asunto del operador rXjs, pero no logré encontrar la solución. Gracias por la ayuda.

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}

Sé que es un asunto del operador rXjs, pero no logré encontrar la solución. Gracias por la ayuda.

Origen Enlace
JRR
  • 23
  • 7

Convertir JSON a array de objetos

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}