（点击）仅适用于Chrome的工作在别人不工作

-1

现在，当我在Chrome浏览这个网站，果然一切工作正常，但在Edge和Firefox等其他浏览器中，当我在应用程序中单击side-nav中的元素时，没有任何反应，在添加一些console.log("hi")后我发现问题所在。

看到在github上

的点击事件应该被解雇这条线。

（打字稿）

写在这条线的情况下，应在控制台打印。它在Chrome和UC浏览器PC上运行良好，但不适用于Firefox和Edge。

当我点击side-nav中的任何项目时，代码会将其记录在控制台中，但在Firefox中，控制台是空的，没有任何反应。

请帮帮我。你可以测试一下你自己的开放https://mohitkyadav.github.io/algos-ngular/

并且打开你的Chrome控制台和Firefox控制台并点击side-nav项目，请给我你的宝贵建议。

2017-07-23 only4

似乎它与角度无关。

看按钮定义HTML5 standart

内容模型：段落式内容，但必须有没有交互式内容后裔。

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

点击的子元素将无法工作，因为它是嵌套在一个按钮内。

您可以点击移动事件按钮

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

或使用其他标签代替按钮

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

参见

2017-07-23 12:05:22 yurzui

很高兴收到你的来信，谢谢你的详细解答。我修复了我的应用程序。 – only4

回答