Проблемы с переменной в компоненте

Question

Посмотрим, сможете ли вы уточнить для меня, потому что я не понимаю, чего хочу. С одной стороны, у меня есть Сервис, который предлагает мне объект для запроса GET к API, а с другой стороны, в компоненте я хочу использовать этот сервис несколько раз, чтобы получить несколько ответов и сохранить их в массиве. Но я не могу получить его, потому что переменная, в которой должно быть указано число for, говорит, что она не определена. Я вставил код, чтобы узнать, могут ли они помочь мне найти ошибку:

import { Component,OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { AtresplayerService } from 'src/app/services/atresplayer.service';


@Component({
  selector: 'app-serie',
  templateUrl: './serie.component.html',
  styleUrls: ['./serie.component.css']
})
export class SerieComponent implements OnInit{

  serie: any = {};
  paginas: number
  idsCapitulos: any[] = [];


  constructor(private route:ActivatedRoute, private atresplayer:AtresplayerService) { 

    this.route.params.subscribe(params=>{
      // console.log(params['id']);
      this.getSerie(params['id']);
      this.getCantidadPaginas(params['id']);

    });

  }

  ngOnInit() {

    this.route.params.subscribe(params=>{
      for (let index = 0; index < this.paginas; index++) {
        this.getIdsCapitulos(params['id'], index);

      }

    });

    console.log(this.idsCapitulos);
  }

  getSerie(id:string){
    this.atresplayer.getSerie(id)
    .subscribe(serie=>{

      this.serie = serie;
    });
  }

  getCantidadPaginas(id:string){
    this.atresplayer.getPaginas(id)
    .subscribe(datos=>{
      // console.log(datos);
      this.paginas = datos;
    });

  }

  getIdsCapitulos(id:string,paginas:number){


    this.atresplayer.getIdCapitulo(id,paginas)
      .subscribe(datos=>{
        this.idsCapitulos.push(datos);
      });

  }








}

спасибо!