0
votes

Comment gérer le problème CSS dans Angular 6

J'essaie de désactiver le bouton à l'aide de CSS mais je ne pouvais pas le faire.
J'ai utilisé l'hôte CSS pour remplir la couleur afin que je ne puisse pas remplacer la couleur précédente.
Si vous voyez mon Stackblitz , vous pouvez facilement comprendre. J'ai essayé désactivé sauvegardez 1 et Enregistrer 3 touches , mais je n'ai pas pu changer désactivé les boutons.
Tout le monde peut trouver le problème s'il vous plaît résoudre le problème.

stackblitz link ici.

code: xxx


1 commentaires

CSS ne peut pas désactiver les boutons, à ce sujet, tout élément DOM. désactivé est un attribut / / et doit être effectué à l'aide de JavaScript ou directement dans HTML


3 Réponses :


0
votes

Vous avez mis mal syntaxe pour désactivé et cliquez sur .
Essayez ceci, j'ai couru sur votre Stackblitz et il va bien:

Enregistrer 1

J'espère que votre problème est résolu!


17 commentaires

De cette façon, il ne pourra pas ajouter l'attribut désactivé au lui-même, car la valeur de l'entrée désactivée dans le < Code> MYNGBUTTON Le composant sera toujours vrai (comme il s'agit de la valeur par défaut).


J'ai ajouté et courir le même que ça marche bien, ce que tu veux dire par ceci?


Suite à votre solution, si vous cliquez sur n'importe quel bouton, ils sont tous désactivés, même si seulement le premier et dernier ont une apparence désactivée par «visuellement».


Donc, vous pouvez suivre l'approche @iamrajshah, mais gardez l'attribut [Disabled]: Enregistrer 1


De la question, il veut désactiver les boutons 1 et 3 lorsque vous devez alerter la boîte de message. Cela fonctionne bien comme dans .TS Il avait mentionné le drapeau pour chaque bouton.


Pourquoi vous ajoutez un attribut de plus, je ne comprends pas ce que vous essayez d'expliquer.


Laissez-nous Continuez cette discussion en chat .


@Rojas Si vous avez une réponse, faites-la upvote et acceptez-la afin que la question sera proche.


Merci beaucoup


@iamrajshah: puis-je utiliser cliquez à la place de onclick .. comme Enregistrer 1


(OnClick) n'est pas une syntaxe droite, utilisez plutôt (cliquez sur)


@Rojas qu'est-ce que tu dis ?? Écoutez, je pense que Stackblitz ne sauve pas mes changements et remplacer par la précédente. Vous pouvez simplement mettre Enregistrer 2 et essayez de courir. Il court sur ma fin


@iamrajshah selon votre idée lorsque l'alerte de la condition désactivée fonctionne ..pls Vérifiez-le ... je veux que l'alerte fonctionne sur le bouton Activer la condition.


@Rojas sur la désactivation Comment la touche peut-elle pouvoir cliquer sur?


@IAMRAJSHAHHAH: Aucun besoin de besoin Cliquez sur l'option sur Désactiver la condition.


Oui, cela fonctionne comme prévu. Quelle est votre préoccupation en ce moment?


@iamrajshah: Pouvez-vous répondre à cette question? Stackoverflow.com/questions/54519145/...



1
votes

Étant donné que vous utilisez la propriété d'entrée code> désactivé sur votre composant MyGBUTton et l'ajoutez comme attribut pour le code> code> HTML, vous pouvez simplement simplement Basculez votre CSS pour les boutons Désactivés pour être:

.btn[disabled] {
    background-color: #cccccc !important;
    color:#cccccc !important;;
    border: 1px solid #cccccc !important;
}


5 commentaires

Pas besoin de cette surcharge, changer une syntaxe fonctionnera!


Vérifiez ma réponse à votre solution ci-dessus.


Comme nous l'utilisons angulaires, nous n'avons pas besoin d'ajouter un style supplémentaire à celui-ci, désactivé fonctionnera si nous écrivons [class.disabled]


Oui..no besoin de classe.disabled


Merci beaucoup



-2
votes

Il semble que vous ayez manqué l'une des entrées de votre type de parent I.e.

Essayez de passer [TYPE] = "" BOUTON '" IN APPLOPONENT.HTML


0 commentaires