Как это называется?

Question

Я хотел бы знать, как это называется? Это фрагмент кода, который я нашел в приложении.

 <app-counter [counterDatasObservable]="dataMlsService.getProducts('EnCours', 'Location')"></app-counter>

Метод getProducts выполняет вызов API, который создает запрос к базе данных, и этот метод принимает 2 параметра. Я хотел бы повторить этот метод дважды, чтобы он выглядел примерно так.

<app-counter [counterDatasObservable]="dataMlsService.getProducts('EnCours', 'Location'), dataMlsService.getProducts('Compromis', 'Vente')"></app-counter>

спасибо

Изменить: counter.ts

export class CounterComponent implements OnInit {

  @Input() counterDatasObservable: Observable<any>;
  data = [];

  constructor() {}

  ngOnInit() {
    this.counterDatasObservable.subscribe( datas => {
      this.data = datas;    
    });
  }
}

parent-service .ts

readonly ApiUrl = "publication/Mls/";

      constructor(private apiClient: ApiClientService){}
      
      getProducts(status: string, typeTransac: string): Observable <any> {

        let params = new HttpParams();
//A faire : inclure params date
        params = params.append('status', status);
        params = params.append('typeTransac', typeTransac);

        
        if (status !== null && typeTransac !== null) {
            return this.apiClient.get(this.ApiUrl, { params: params});
        }else{
            console.log('aucune valeur en params')
        }
    }

Answer 1

Думаю, таким образом вы сможете решить свою проблему

• Counter.ts

export class CounterComponent implements OnInit {
  @Input() counterDatasObservable: Observable<any>;
  @Input() counterDatasObservable2: Observable<any>;
  data = [];

  constructor() {}

  ngOnInit() {
    this.counterDatasObservable.subscribe(datas => {
      this.data = datas;
    });

    this.counterDatasObservable2.subscribe(datas => {
      //your code
    });
  }
}

• DOM