im developing an admin panel where the admin can see all the bookings that have been requested and select those who he will accept; and I want to display those 'accepted' bookings in a different tab (…

At ngOnInit, just add:

Then you can choose if you prefer to create a subscription on it or use pipe async.

shared Service

import {Injectable} from '@angular/core';
import {BehaviorSubject} from 'rxjs';
import {Turno} from '../models/turno';


@Injectable({
  providedIn: 'root',
})

export class SharedService{

    private acceptedBookings=[];

    public acceptedBookingsSubject= new BehaviorSubject<Turno[]>([]);
    //public turno:Turno;

    constructor(){ 
    }

addToAccepted(turno : Turno){

    this.acceptedBookings.push(turno);
    this.acceptedBookingsSubject.next(this.acceptedBookings);   
        console.log(this.acceptedBookingsSubject);
}



}

Additional tip, once you set the SharedService with

Second component, which consumes the service and has to display the array.

import { Component, OnInit} from '@angular/core';
import {SharedService} from '../../services/shared.service';
import {Observable} from 'rxjs';
import {Turno} from '../../models/turno';
import {share} from 'rxjs/operators';

@Component({
  selector: 'app-turnoaceptado',
  templateUrl: './turnoaceptado.component.html',
  styleUrls: ['./turnoaceptado.component.css'],
  providers:[SharedService]
})
export class TurnoaceptadoComponent implements OnInit {


        public acceptedBookings:Observable<Turno[]>;

          ngOnInit(): void {
  }

  constructor(private _sharedService: SharedService) {

            this._sharedService.acceptedBookingsSubject.pipe(share());

             }



}

, you don’t need to put the SharedService on any providers array.

I have created a demo:

解决方案:

我正在开发一个管理面板,在那里管理员可以看到所有的预订要求,并选择那些谁,他将接受;我想显示这些 “接受 “预订在不同的标签(不同的组件,在一个不同的路线)。我使用了一个带有BehaviorSubject的SharedService,但它没有工作。我在第二个组件中得到的只是一个匿名Subject数组,是空的。我没有显示第一个组件,它将预订发送到服务,因为它工作正常。请帮助我

this.acceptedBookings = this._sharedService.acceptedBookingsSubject.asObservable();

这里是第二个组件。

在第二个组件的html中,我使用了async管道

本文来自投稿,不代表运维实战侠立场,如若转载,请注明出处:https://www.shizhanxia.com/494.html

(0)
上一篇 2022年6月29日 下午3:57
下一篇 2022年6月29日 下午3:57

相关推荐

发表评论

登录后才能评论