Compare commits

...

2 Commits

Author SHA1 Message Date
3c90fde4bf chore(deps): update devdependencies (non-major)
Some checks failed
renovate/artifacts Artifact file update failure
Build / Build and analyze (pull_request) Successful in 1m43s
2024-10-01 07:01:07 +00:00
d1cc5b076d
feat(app): add observable stream processing in ngOnInit
All checks were successful
Build / Build and analyze (push) Successful in 1m43s
2024-10-01 08:27:41 +02:00
4 changed files with 28 additions and 2 deletions

BIN
bun.lockb

Binary file not shown.

@ -28,7 +28,7 @@
"@angular/compiler-cli": "^18.2.3", "@angular/compiler-cli": "^18.2.3",
"@types/jasmine": "~5.1.0", "@types/jasmine": "~5.1.0",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"jasmine-core": "~5.1.0", "jasmine-core": "~5.3.0",
"karma": "~6.4.0", "karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0", "karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0", "karma-coverage": "~2.2.0",
@ -36,6 +36,6 @@
"karma-jasmine-html-reporter": "~2.1.0", "karma-jasmine-html-reporter": "~2.1.0",
"postcss": "^8.4.41", "postcss": "^8.4.41",
"tailwindcss": "^3.4.10", "tailwindcss": "^3.4.10",
"typescript": "~5.5.2" "typescript": "~5.6.0"
} }
} }

@ -5,6 +5,7 @@ import { UpperCasePipe } from '@angular/common';
import { TextPipe } from '../text.pipe'; import { TextPipe } from '../text.pipe';
import { HotelService } from './Parent/services/hotel.service'; import { HotelService } from './Parent/services/hotel.service';
import { inject } from '@angular/core'; import { inject } from '@angular/core';
import { filter, map, Observable } from 'rxjs';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
@ -18,6 +19,27 @@ export class AppComponent {
public search: string = ""; public search: string = "";
public hotelService: HotelService = inject(HotelService); public hotelService: HotelService = inject(HotelService);
ngOnInit() {
const stream: Observable<number> = new Observable((observer) => {
observer.next(1);
observer.next(2);
observer.next(3);
observer.next(4);
observer.next(5);
observer.next(6);
observer.next(7);
observer.next(8);
observer.next(9);
observer.next(10);
observer.complete();
});
stream.pipe(
filter((value:number) => value % 2 === 1),
map((value:number) => value * 2)
).subscribe((value) => console.log(value));
}
public test() { public test() {
console.log(this.search); console.log(this.search);
} }

@ -1,6 +1,10 @@
import { bootstrapApplication } from '@angular/platform-browser'; import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config'; import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component'; import { AppComponent } from './app/app.component';
import { Observable } from 'rxjs';
bootstrapApplication(AppComponent, appConfig) bootstrapApplication(AppComponent, appConfig)
.catch((err) => console.error(err)); .catch((err) => console.error(err));