Discussion :

[Laetidin]

Bonjour

Dans mon projet j'ai deux boutons Submit, l'un pour valider et poster le formulaire remplit par un utilisateur et un autre pour le supprimer, sauf que seul le bouton "delete" fonctionne ( enfin, le message apparait mais rien n'est supprimé de la liste ) et j'ignore pourquoi. Auriez-vous une idée ?

Voici le

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<ion-list *ngFor="let house of houses; let i=index">
      <ion-item class="col-md-6 col-sm-6" (click)="onRouterLink('house-sheet/' + house.ref)" >{{house.ref}}</ion-item>
      <div class="col-md-2 col-sm-2">
        <button type="submit" class="btn btn-success adminButton" (click)="house.confirm = onAccept(house.ref, i)">
          <ion-icon class="accept" name="checkmark"></ion-icon>
        </button>
      </div>
      <div class="col-md-2 col-sm-2">
        <button type="submit" class="btn btn-danger adminButton" (click)="house.confirm = onRefuse(i)">
          <ion-icon class="refuse" name="close"></ion-icon>
        </button>

Et le TS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
ngOnInit(): void {
    this.getHouses();
  }
 
  getHouses(): void {
    const ref = 'az';
    this.houseManag.gethouseList(ref).then((result) => {
      this.houses = result;
    });
  }
 
 
  async onAccept(ref: string, data: number) {
    const content = {
      ref
    };
    const Toast = Swal.mixin({
      toast: true,
      position: "center",
      showConfirmButton: false,
      timer: 2000,
      onOpen: (toast) => {
        toast.addEventListener('mouseenter', Swal.stopTimer);
        toast.addEventListener('mouseleave', Swal.resumeTimer);
      }
    });
    this.apiService.postApi('guest', 'addHouse', content).then((res: ApiModel) => {
      if (res.success) {
 
        Toast.fire('Maison ajoutée !', '', 'success');
        this.houses.splice(data, 1);
      } else {
        Toast.fire('Oups !', 'Une erreur est survenue', 'error');
      }
    });
  }
 
  onRefuse(data: number) {
    const Toast = Swal.mixin({
      toast: true,
      position: "center",
      showConfirmButton: false,
      timer: 2000,
      onOpen: (toast) => {
        toast.addEventListener('mouseenter', Swal.stopTimer);
        toast.addEventListener('mouseleave', Swal.resumeTimer);
      }
    });
    Toast.fire('Maison refusée !', '', "success");
    this.houses.splice(data, 1);
  }

Merci d'avance !

[domi65]

A priori, tu travailles sous Angular, faudrait le préciser si tu veux avoir une réponse.

P.S. : Qu'est-ce que c'est un TS ? Moi je vois l'intérieur d'un objet javascript.