Change value from 0 to 1 Onclick

[Angular Ts]
Bonjour, c'est encore moi !

J'essai à présent de réaliser une partie Admin sur mon site dans laquelle une liste des nouveaux inscrits est affiché, j'aimerais avoir le choix d'accepter la demande d'inscription ou de la refuser mais j'ignore par où commencer pour le bouton "Accepter". Dans ma base de données j'ai crée une colonne "isAccountConfirmed", 1 le compte est confirmé, 0 il ne l'est pas.
Je pense avoir compris qu'il va falloir que j'utilise un boolean mais comment...?

Si "isAccountConfirmed" est à 0 alors "User" est affiché dans le tableau.
Si on clique sur le bouton "Accepter" alors la valeur passe à 1 et l'utilisateur n'est plus affiché dans le tableau.

Auriez-vous des pistes ou des modèles que je pourrais étudier pour arriver à un tel résultat ?
Je vous remercie d'avance !

d'abord je pense qu'il manque un état "en demande"

par exemple :

0: refusé
1: accepté
2: en demande d'être confirmé


ou avec 2 booléens :

isAccountConfirmed (par défaut : 0)
0: refusé
1: accepté

isConfirmed (par défaut : 0)
0: fait
1: non fait


avec 3 états, tu peux bien gérer les lignes que tu veux afficher ou pas !

qu'est ce t'en penses ?

_____________________________________________________________________

un tableau est composé de plusieurs ligne, ligne qui se répète
il faut donc faire un composant ligne, par exemple :

composant parent

Code:

---

1 2 3 4 5 6

<div *ngFor="let account of accounts"> <line-account [isAccountConfirmed]="account .isAccountConfirmed" [isConfirmed]="account .isConfirmed" ></line-account> </div>

---

dans ce composant enfant : line-account.compoent.ts

- tu affiches la ligne suivant les conditions que tu veux : si n'a pas été déjà confirmé....
- tu affiches un bouton ACCEPTER
- tu affiches un bouton REFUSER
- tu envois au parent la réponse choisie afin que le parent puisse la traiter

Merci beaucoup d'avoir pris le temps de me répondre !
Et bien en fait le 0 correspond au statut "en Attente"/"Non fait"

C'est à dire que lorsque un utilisateur s'inscrit, son compte est à 0 par défaut, lorsqu'un administrateur à accepté sa demande, son compte passe à 1, quant au bouton "Refuser", il supprime complètement la demande et alors le compte disparaît de la base de données.

Entre temps j'ai réussi à rendre fonctionnel mon bouton supprimer, c'est déjà énorme pour moi, il ne me reste plus que ce satané bouton "Accepter" !

si tu peux travailler sur stackblitz, ainsi tu pourras mettre le lien d'édition ici
et on pourra voir le code en live.


voici un exemple pour simuler de fausses données
il existe d'autres solutions mais avec stackblitz c'est la plus simple :


dans ton service pour récupérer des données dans la base (simulation) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

import { from, Observable, of } from 'rxjs'; ... ... getFakeAccounts(): Observable<any> { return of([ { name: "produit 1"}, { name: "produit 2"},   ]); }

---