Оповещение + Угловой

Question

У меня есть приложение под углом, где я пытаюсь выполнить методы вставки в бэкэнде. Мне нужно, чтобы после ответа бэкэнда отображалось оповещение, подобное, например, сообщению SweetAlert. Но я не знаю никаких компонентов, которые делают это. SweetAlert работает по нажатию кнопки, а не по реакции серверной части.

Например:

Мой настоящий вопрос:

Как включить SweetAlert в машинописи

Кто-нибудь может мне помочь?

Answer 1

Сделайте http-запрос и подпишите его в нужном вам компоненте, и при успешном выполнении http-запроса вы получите ответ - покажите предупреждение.

service.ts

import { Injectable } from '@angular/core';
    import { HttpClient, Response, RequestOptions, Headers } from '@angular/http';
    import { Observable } from 'rxjs/Observable';
    import 'rxjs/add/operator/map';
    import 'rxjs/add/operator/catch';
    import 'rxjs/add/observable/throw';

        export class CcDataServiceService {
     constructor(private http: HttpClient) {  <-- httpclient for angular6
      }

          getData(): Observable<any[]> {
            return this.http.get('https://')
              .map(this.extractData)
              .catch(this.handleError);
          }


          private extractData(res: Response) {
            const body = res.json();
            return body || [];
          }

          private handleError(error: any) {
            const errMsg = (error.message) ? error.message :
              error.status ? `${error.status} - ${error.statusText}` : 'Server error';
            console.error(errMsg);
            console.log('Server Error!');
            return Observable.throw(errMsg);
          }
        }

component.ts

import swal from 'sweetalert'
    constructor(public jsonDataService: CcDataServiceService) {
      }

      ngOnInit() {
        let thisx = this;

            this.jsonDataService.getData().subscribe(
              function (success) {
                // alert here on success
                 swal("Hello world!");
              },
              error => console.log('Getting Server Data Error :: ' + 
             JSON.stringify(error)));


    }

Ссылка: - https://stackblitz.com/edit/angular6-7scyt7?file=app/app.component.ts