Делаю сервис со своей логикой, но возникает ошибка ошибка Property 'then' does not exist on type 'Observable'.
файл сервиса:
import { Http } from '@angular/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/of';
import { users } from './home/home.component';
import { IUser } from './IUser';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class UserServise {
constructor(private http: Http){}
public getUsers(){
return this.http.get('https://jsonplaceholder.typicode.com/users')
.map(response => response.json())
.map(users => {
return users.map(({id, name, username, email, address, phone, website}) => {
return {id, name, username, email, address, phone, website}
});
});
}
public getLinks(): Observable<IUser[]> {
return Observable.of(users);
}
// public getLinksSlowly(): Observable<IUser[]> {
// return new Promise(resolve => {
// // Simulate server latency with 2 second delay
// setTimeout(() => resolve(this.getLinks()), 2000);
// });
// }
public getLink(id: number): Observable<IUser> {
return this.getLinks()
.then(users => users.find(
user => user.id === id,
));
}
}
файл компоненты:
import { Component, OnInit, Input } from '@angular/core';
import { ActivatedRoute, ParamMap } from '@angular/router';
import { UserServise } from '../users.service';
import { Location } from '@angular/common';
import { users } from '../home/home.component';
import { IUser } from '../IUser';
@Component({
selector: 'app-details',
templateUrl: './details.component.html',
styleUrls: ['./details.component.css']
})
export class DetailsComponent implements OnInit {
@Input() user: IUser;
constructor(
private userServise: UserServise,
private route: ActivatedRoute,
private location: Location
) { }
ngOnInit(): void {
this.route.paramMap
.switchMap((params: ParamMap) => this.userServise.getLink(+params.get('id'))
.subscribe(user => this.user = user));
}
goBack(): void {
this.location.back();
}
}