(clic) ne fonctionne qu'en Chrome ne fonctionne pas dans d'autres

Question

J'ai créé une application Web angulaire,

lien: - http://mohitkyadav.github.io/algos-ngular

Maintenant, quand je naviguer sur ce site dans Google Chrome, tout fonctionne bien comme prévu, mais dans d'autres navigateurs comme Edge et Firefox lorsque je clique sur les éléments dans le côté-nav sur mon application rien ne se passe, après avoir ajouté quelques console.log("hi") j'ai compris le problème.

voir cette ligne sur GitHub

https://github.com/mohitkyadav/algos-ngular/blob/master/src/app/views/content.component.html#L7

un événement click devrait être tiré.

(tapuscrit)

https://github.com/mohitkyadav/algos-ngular/blob/master/src/app/components/content.component.ts#L34

Comme écrit dans cette ligne l'événement doit imprimer dans la console. Cela fonctionne bien dans Chrome et UC PC navigateur, mais ne fonctionne pas dans Firefox et Edge.

Lorsque je clique sur un élément de nav latéral, le code le consigne dans la console en chrome mais dans Firefox la console est vide, rien ne se passe.

S'il vous plaît aidez-moi. Vous pouvez le tester vous-même ouvert https://mohitkyadav.github.io/algos-ngular/

et également ouvrir votre console Chrome et la console Firefox et cliquez sur les éléments de navigation latérale, s'il vous plaît donnez-moi vos précieuses suggestions.

Answer 1

Semble que cela n'a rien à voir avec angulaire.

Regardez bouton définition HTML5 standart

modèle de contenu: contenu Phrasing, mais il doit y avoir aucun descendant de contenu interactif.

<button> 
    <div (click)="fetchCode()"> 
    Click me but i won't work in Firefox in IE 
    </div> 
</button> 

En cliquant sur les éléments enfants ne fonctionnera pas car il est imbriqué dans un bouton.

Vous pouvez déplacer cliquez sur le bouton événement pour

<button (click)="fetchCode()"> 
    <div> 
    This should work 
    </div> 
</button> 

ou utiliser une autre balise au lieu de bouton

<div class="button" > 
    <div (click)="fetchCode()"> 
    This also should work 
    </div> 
</div> 

Voir aussi

• Missing click event for <span> inside <button> element on firefox
• Element inside button does not fire click event in Firefox