consumption.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import {ViewEncapsulation} from '@angular/core';
import { ApiService } from '../api.service';

@Component({
  selector: 'app-post-single',
  templateUrl: './post-single.component.html',
  styleUrls: ['./post-single.component.css'],
  encapsulation: ViewEncapsulation.None,
})
export class PostSingleComponent implements OnInit {

  private id: any;
  private postData: any;
  titulo: string;
  private parrafos:any;
  private recursos:any;
  private numeroDeCosas:number;
  todasLasCosasJuntas;
  constructor(private activatedroute:ActivatedRoute, private apiService: ApiService) { 
    this.todasLasCosasJuntas = [];
    this.id = this.activatedroute.snapshot.paramMap.get("id");

    var json = {
      "idPost": this.id
    }

    this.apiService.getPostById(json).subscribe(
      res => {
        this.titulo = res["titulo"];
        this.parrafos = res["parrafos"];
        this.recursos = res["recursosUrls"];

        for(var i = 0; i < this.parrafos.length; i++){
          this.todasLasCosasJuntas.push(this.parrafos[i]);
        }
        for(var i = 0; i < this.recursos.length; i++){
          this.todasLasCosasJuntas.push(this.recursos[i]);
        }
        this.todasLasCosasJuntas.sort();
      },
      err => {
        console.log(err);
      }
    );
    
  }

  ngOnInit() {
  }

}