Je veux appeler une méthode qui montre un grille-pain d'avertissement lorsque je clique sur ma coche case désactivée.
Voici mon code: P>
noCarToastr(){
let me = this;
if(!hasCar){
me.toastr.warning("No Car Available");
}
}
3 Réponses :
Vous ne pouvez pas déclencher des événements JavaScript sur un élément désactivé. Ajoutez l'écoute de clic sur l'élément code> Etiquette code>.
<label (click)="noCarToastr()">
<input type="checkbox" checked="checked"
[(ngModel)]="myCheckbox"
[disabled]="!hasCar"
(change)="noCarToastr(); $event.stopPropagation()"/>
Car
</label>
Plutôt que d'utiliser @Output (CHANGE) Utiliser @outPut (Cliquez sur), car le changement ne déclenchera que lorsque la valeur de l'entrée est modifiée.
<label>
<input type="checkbox" checked="checked"
[(ngModel)]="myCheckbox"
[disabled]="!hasCar"
(click)="noCarToastr()"/>
</label>
désactivé éléments ne sera pas Événement de la souris incendie, au lieu de désactiver simplement empêcher l'action du clic en fonction de la valeur de la propriété HASCAR qui empêchera de vérifier la case à cocher. Pour empêcher l'action Utilisez modèle: composant: événement Référence et Event # EventDefault < / a> méthode.
Veuillez fournir un exemple de reproductible minimal reproduisant ce problème
Stackoverflow.com/questions/3100319/even-on-a -Disabled-inpu t