Convert observables to signals.
This commit is contained in:
@@ -1,35 +1,26 @@
|
||||
import {Component, OnInit, inject, Signal} from '@angular/core';
|
||||
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
||||
import { Observable } from 'rxjs';
|
||||
import { PublicationListComponent } from '../../components/publication-list/publication-list.component';
|
||||
import { Publication } from '../../core/rest-services/publications/model/publication';
|
||||
import { HomeService } from './home.service';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import {toSignal} from "@angular/core/rxjs-interop";
|
||||
import {Component, inject, OnInit} from '@angular/core';
|
||||
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
|
||||
import {PublicationListComponent} from '../../components/publication-list/publication-list.component';
|
||||
import {HomeService} from './home.service';
|
||||
import {CommonModule} from '@angular/common';
|
||||
|
||||
@Component({
|
||||
selector: 'app-home',
|
||||
imports: [
|
||||
CommonModule,
|
||||
MatProgressSpinnerModule,
|
||||
PublicationListComponent
|
||||
],
|
||||
templateUrl: './home.component.html',
|
||||
styleUrl: './home.component.scss',
|
||||
providers: [HomeService]
|
||||
selector: 'app-home',
|
||||
imports: [
|
||||
CommonModule,
|
||||
MatProgressSpinnerModule,
|
||||
PublicationListComponent
|
||||
],
|
||||
templateUrl: './home.component.html',
|
||||
styleUrl: './home.component.scss',
|
||||
providers: [HomeService]
|
||||
})
|
||||
export class HomeComponent implements OnInit {
|
||||
private homeService = inject(HomeService);
|
||||
|
||||
get isLoading(): Signal<boolean> {
|
||||
return toSignal(this.homeService.isLoading$, { initialValue: false });
|
||||
}
|
||||
|
||||
get publications(): Signal<Publication[]> {
|
||||
return toSignal(this.homeService.publications$, { initialValue: [] });
|
||||
}
|
||||
readonly #homeService = inject(HomeService);
|
||||
isLoading = this.#homeService.isLoading;
|
||||
publications = this.#homeService.publications;
|
||||
|
||||
ngOnInit(): void {
|
||||
this.homeService.startLatestPublicationsRetrieving();
|
||||
this.#homeService.startLatestPublicationsRetrieving();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user