Angular - Как исправить ошибку TS2345: Аргумент типа 'Promise <SweetAlertResult>' не может быть присвоен параметру типа '(value: Object) => void' - PullRequest
Новая
       8

Angular - Как исправить ошибку TS2345: Аргумент типа 'Promise <SweetAlertResult>' не может быть присвоен параметру типа '(value: Object) => void'

0 голосов
/ 19 сентября 2019

Я пытаюсь использовать sweetalert2 в своем Angular-7.После успешной установки я написал этот код в компоненте: 

import { Component, OnInit } from '@angular/core';
import { ApiService } from '../../shared/services/api.service';
import { TokenService } from '../../shared/services/token.service';
import { Router } from '@angular/router';
import { SnotifyService } from 'ng-snotify';
import swal from 'sweetalert2';

@Component({
  selector: 'app-client-quotes-landing',
  templateUrl: './client-quotes-landing.component.html',
  styleUrls: ['./client-quotes-landing.component.scss']
})
export class ClientQuotesLandingComponent implements OnInit {

public form = {
  first_name : null,
  last_name : null,
  email : null,
  phone : null,
  address : null,
  business_name : null,
  truck_required : null,
  truck_type : null,
  quote_origin : null,
  quote_destination : null,
  commodity : null,
  loading_date : null,
  comment : null,
};

public error = {
  'first_name' : null,
  'last_name' : null,
  'email' : null,
  'phone' : null,
  'address' : null,
  'business_name' : null,
  'truck_required' : null,
  'truck_type' : null,
  'quote_origin' : null,
  'quote_destination' : null,
  'commodity' : null,
  'loading_date' : null,
  'comment' : null
};

constructor(
private api: ApiService,
private token: TokenService,
private router: Router,
private notify: SnotifyService
) { }

ngOnInit() {
window.dispatchEvent(new Event('load'));
window.dispatchEvent(new Event('resize'));
}

onSubmit(){
 this.notify.clear();
 var header = {
  'Content-Type': 'application/json'
 }
return this.api.post('signup', this.form, header).subscribe(
  swal.fire(   // line 68
    'Congratulations!',
    'Your Quote have been successfully received. You will hear from us shortly through the provided email. Thank you!',
    'success'
  ),
  error => this.errorHandle(error)
);
}

errorHandle(error){
 this.notify.clear();
 console.log(error);
 this.error = error.error.errors;
 }
 }

После нажатия кнопки отправки я хочу, чтобы сообщение об успешном отображении отображалось.Когда я обслужил это, я получил эту ошибку:

ошибка подсластителя

Строка 68 в ошибке здесь: 

 swal.fire(   //line 68
 'Congratulations!',
 'Your Quote have been successfully received. You will hear from us shortly through the provided email. Thank you!',
 'success'
 ),

УстановкаSweetalert2 не дал никакой ошибки.Как мне устранить эту ошибку?

1 Ответ

0 голосов
/ 19 сентября 2019

Сначала вам нужно решить свой ответ подписки, обернув ваш `swal.fire в функцию ответа следующим образом: 

response => {
          swal.fire(...),
},

Конечный результат, подобный этому: 

return this.api.post('signup', this.form, header).subscribe(
        response => {
          swal.fire(   // line 68'Congratulations!','Your Quote have been successfully received. You will hear from us shortly through the provided email. Thank you!','success'),
        },
        error => this.errorHandle(error)
      );
...