83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
import { CommonModule, NgFor, NgIf, UpperCasePipe } from '@angular/common';
|
|
import { Component, inject } from '@angular/core';
|
|
import { TextPipe } from '../../text.pipe';
|
|
import { SearchComponent } from '../Search/search.component';
|
|
import { HotelService } from '../Parent/services/hotel.service';
|
|
import { Hotel } from '../HotelItem/hotel';
|
|
import { HttpClient } from '@angular/common/http';
|
|
import { filter, from, last, map, Observable, scan } from 'rxjs';
|
|
import { HotelItem } from '../HotelItem/HotelItem.component';
|
|
import { RouterLink } from '@angular/router';
|
|
|
|
interface User {
|
|
name: string;
|
|
age: number;
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-hotel-list',
|
|
standalone: true,
|
|
imports: [
|
|
UpperCasePipe,
|
|
TextPipe,
|
|
SearchComponent,
|
|
HotelItem,
|
|
NgFor,
|
|
NgIf,
|
|
RouterLink,
|
|
],
|
|
templateUrl: './hotel-list.component.html',
|
|
styleUrl: './hotel-list.component.css',
|
|
})
|
|
export class HotelListComponent {
|
|
public search: string = '';
|
|
public hotelService: HotelService = inject(HotelService);
|
|
public response: any = null;
|
|
public hotels: Array<Hotel> = [{} as Hotel];
|
|
|
|
constructor(private http: HttpClient) {}
|
|
|
|
ngOnInit() {
|
|
this.http.get<Array<Hotel>>('api/hotels').subscribe((res) => {
|
|
this.hotels = res;
|
|
});
|
|
|
|
const users = [
|
|
{ name: 'Max', age: 21 },
|
|
{ name: 'Peter', age: 31 },
|
|
{ name: 'Hans', age: 13 },
|
|
{ name: 'Klaus', age: 51 },
|
|
{ name: 'Dieter', age: 1 },
|
|
{ name: 'Jan-Marlon', age: 3 },
|
|
];
|
|
|
|
const stream: Observable<User> = from(users);
|
|
|
|
stream
|
|
.pipe(
|
|
filter((user) => user.age > 18),
|
|
scan((acc, user) => acc + user.age, 0),
|
|
map((ageSum, index) => ageSum / (index + 1)),
|
|
last(),
|
|
)
|
|
.subscribe(console.log);
|
|
|
|
// const stream: Observable<number | string> = from([5, 1, 2, 12, 5, 14, 17, 5, "testing"]);
|
|
|
|
// stream.pipe(
|
|
// filter((value) => typeof value === "number"),
|
|
// tap((value) => console.log("Zahl:" + value)),
|
|
// filter((value: number) => value % 2 === 0),
|
|
// tap((value) => console.log("Gerade Zahl: " + value)),
|
|
// toArray(),
|
|
//).subscribe(console.log);
|
|
}
|
|
|
|
public test() {
|
|
console.log(this.search);
|
|
}
|
|
|
|
// public foundHotels = this.hotels.pipe(
|
|
// filter((hotel) => hotel.hotelName.includes(this.search)),
|
|
// );
|
|
}
|