saludos amigos y gracias por su tiempo
en esta imagen tengo el componente principal y las sub rutas, no uso la directiva de componentes para ir hacia ellas sino que uso el router-outle en esta ultima imagen cada tap es una sub rutas lo que quiero es pasar el string que en este caso es una url hacia un video hacia el componente de la sub ruta. el input y output no me funciona porque no tienen relacion alguna mas que atravez del link.
agradezco su ayuda. llevo muchas horas buscando info sobre como hacerlo y tambien vi algunas preguntas por aqui pero no era lo que buscaba.
pregunta editada desde aqui
<ul class="CapiTnv nav nav-pills server-tab" role="tablist" data-toggle="pills">
<li title="Desu">
<a routerLink="./desu" routerLinkActive="active-link">Desu</a>
</li>
<li title="Xtreme F">
<a routerLink="./xtreme" routerLinkActive="active-link">Xtreme
</a>
</li>
</ul>
<li title="Xtreme F">
<a routerLink="./xtreme" routerLinkActive="active-link">Xtreme
</a>
</li>
<router-outlet></router-outlet>
<!- animeEpisodeList aqui esta el arreglo con la data que quiero cargar-->
<div *ngFor="let item of animeEpisodeList">
{{item.episodeVideo}}
</div>
getEpisodeAnime(){
this._animeServices.getAnimeListEpisodePlayer(this.animeEpisode?.idAnime!)
.subscribe((episodeList:IEpisode[])=>{ localStorage.setItem("episodeAnimeList", JSON.stringify(episodeList)) });
this.animeEpisodeList = JSON.parse(localStorage.getItem("episodeAnimeList")!);
//este es el componente que carga la data. el mismo se ejecuta en el ngOnInit.
}
*este es mi servicio para esta solicitud*
getAnimeListEpisodePlayer(id:number): Observable<IEpisode[]>{
return this._http.get<IEpisode[]>(`${this.URL_API}/home/episode/${id}`);
}
<li title="Xtreme F">
<a routerLink="./xtreme" routerLinkActive="active-link">Xtreme
</a>
</li>
//aqui es donde muestro la navegacion
<router-outlet></router-outlet>
//item.episodeVideo tiene el url del video que quiero mostrar
//item.episodeVideo es un arreglo y trae 10 url distintas una cada reproductor.
//lo que quiero es por ejemplo en este for de abajo, tomar esa url y pasarla cada una de las sub rutas.
<div *ngFor="let item of animeEpisodeList">
{{item.episodeVideo}}
</div>