Désactiver le bouton angulaire 2 avec deux conditions

Est-ce possible dans angulaire 2?

<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>

Je pense que si les deux conditions sont vraies, ils vont activer le bouton.

J'ai déjà essayé le code ci-dessus mais cela ne fonctionne pas comme prévu.

oui.. c'est possible..
mais sa ne fonctionne pas bien
Comment est-il pas de travail? Pouvez-vous construire un plunker pour illustrer le problème?
Je ne sais pas comment utiliser plunker
- Il comme si la validation est vrai que le bouton est activé

OriginalL'auteur MariaJen | 2017-04-21

  1. 54

    Il sonne comme vous avez besoin d'un OU plutôt: 

    <button type="submit" [disabled]="!validate || !SAForm.valid">Add</button>

    Cela va désactiver le bouton si pas de valider ou si pas SAForm.valide.

    Excellente Solution..!!

    OriginalL'auteur DeborahK

  2. 4

    Déclarer une variable dans le composant.ts et l'initialiser à une valeur

     buttonDisabled: boolean;

  ngOnInit() {
    this.buttonDisabled = false;
  }

    Maintenant .html ou dans le modèle, vous pouvez mettre de code suivant:

    <button disabled="{{buttonDisabled}}"> Click Me </button>

    Maintenant, vous pouvez activer/désactiver le bouton en changeant la valeur de buttonDisabled variable.

    Je voudrais utiliser ngOnInit au lieu de constructeur.
    Oui, c'est correct approche de la réalité.

    OriginalL'auteur Vishal Hulawale

  3. 1

    En plus de l'autre réponse, je tiens à souligner que ce raisonnement est également connu comme la De Morgan, la loi de. C'est en fait plus à propos des mathématiques que de la programmation, mais il est fondamental que chaque programmeur doit le savoir.

    Votre problème a commencé comme ceci:

    enabled  = A and B
disabled = not ( A and B )

    C'est très bien, mais vous êtes allé plus loin et a essayé de supprimer les accolades.
    Et c'est un peu délicat, parce que vous aurez à remplacer les and/&& avec un or/||.

    not ( A and B ) = not(A) OR not(B)

    Ou lors d'une notation mathématique:

    Désactiver le bouton angulaire 2 avec deux conditions

    Je garde toujours cette loi à l'esprit chaque fois que je simplifie les conditions de travail ou avec les probabilités.

    OriginalL'auteur bvdb

  4. -1

    Est-ce possible dans angulaire 2?

    Oui, c'est possible.

    Si les deux conditions sont remplies, vont-ils permettre le bouton?

    Non, s'ils sont vrais, alors le bouton sera désactivé. disabled="true".

    J'ai essayer le code ci-dessus mais cela ne fonctionne pas bien

    À quoi vous attendiez-vous? le bouton sera désactivé lorsque valid est faux et l'angle formGroup, SAForm n'est pas valide.

    Une recommandation ici, Veuillez vous rendre sur le bouton de pas un bouton de type submit parce que cela peut causer le formulaire pour soumettre et vous devez utiliser invalidate et écouter (ngSubmit).

    Je pense que si ils sont à la fois vrai qu'ils vont activer le bouton
    corriger, si valid est vrai et le fromGroup est valable aussi, le bouton sera activé.
    oui, alors, que dois-je faire pour obtenir ce résultat
    Vous pouvez essayer les autres une autre réponse, ou de poster le code html et les fichiers ts afin que nous puissions mieux comprendre ce qu'est la valiad variable est
    et quel sera le code de validation sur le bouton

    OriginalL'auteur Amr ElAdawy