В angular 6 я хотел вызвать всплывающее сообщение от службы, просто вызвав его из файла ts - PullRequest
0 голосов
/ 05 февраля 2020

У меня есть компонент момента, внутри которого мне нужно вызывать компонент сообщения тоста после каждого вызова службы, теперь я хочу показать сообщение тоста от службы без сохранения массива сообщения тоста в родительском компоненте, который является компонентом момента. Вот мой код: -

moment.ts: -

  getPasses() {
   debugger;
   this.myService.getPass(this.page).subscribe(
     data => {
       let toaster = {"message": this.page.searchParams};
       this.commonService.toggleToaster(toaster);
       //this.toasterList = this.commonService.toggleToaster(toaster.value, this.toasterList)
     }
)
 };

moment. html: -

<av-toaster *ngFor="let message of toasterList" [toaster]="message" (close)="removeToaster($event);"></av-toaster>

service.ts: -

    /**
     * Show/hide toaster
   */
  toggleToaster = (actionData, toasterArray: any) => {
    if(typeof actionData === 'object'){    
      toasterArray.push(actionData);
      return toasterArray;
    } else if(typeof actionData === 'string') {
      toasterArray = toasterArray.filter(element => element.message !== actionData);
    return toasterArray;
  }
}
...