Estoy haciendo una aplicación con la API de TMDB y angular. Estoy intentando acceder a los datos de detalle de la página a través de mi componente "detail" y me da el siguiente error: "Type 'Subscription' is missing the following properties from type 'Observable': source, operator, lift, subscribe, and 3 more.ts(2740)"
Aquí la función que aparece en mi servicio "dataService":
getMoviesById(id:string): Observable<Movie> {
return this.http.get<Movie>(this.url+`/movie/${id}?api_key=${environment.api_key}&language=en-US`);
}
Aquí el código de "detail-component.ts"
import { Component, OnInit } from '@angular/core';
import { Movie } from 'src/app/Model/movie';
import { DataService } from 'src/app/Service/data.service';
import { ActivatedRoute } from '@angular/router'
import { Observable } from 'rxjs'
@Component({
selector: 'app-detail',
templateUrl: './detail.component.html',
styleUrls: ['./detail.component.scss']
})
export class DetailComponent implements OnInit {
movie$ !: Observable<Movie>;
constructor(private dataService: DataService, private route:ActivatedRoute) { }
ngOnInit(): void {
this.movie$ = this.route.params.subscribe((params) => this.dataService.getMoviesById(params.id));
}
}
Por último, aquí el código de "detail-component.html"
<img src="{{ movie.image }}"
alt="Movie Image Not Available"
class="movie__thumbnail-poster"/>
<h6 class = title>{{movie.title}}</h6>
<p>Release : <span class="p-1"> {{ movie.release | date }}</span></p>
<p>Language : <span class="p-1"> {{movie.original_language}}</span></p>
<div class="rating-circle">Rating: {{movie.vote_average}}</div>
</div>
´´´
Muchas gracias de antemano!!!