angular.io 在 Firefox 上没有反应，在 ie edge 上工作很奇怪

Question

如果您进入以下页面：

http://beta.melard.fr

我们会要求您创建一个用户（但它是一个本地存储模拟）。之后

你会注意到在 chrome 上一切都像魅力一样，但在 Firefox 上，只有色轮响应，在 IE 上，按钮响应，但是当你将鼠标悬停在某个 md 按钮上时，页面会重新加载：/

我想知道我错过了什么，因为很多人都使用 angular 为任何浏览器开发应用程序...

对于更勇敢的人，这里是 github 回购： https://github.com/mylen/canimap

填充：

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';  // Included with Angular CLI.

其他的都有评论。

@angular/cli: 1.4.3
node: 6.11.2
os: win32 x64
@angular/animations: 4.4.3
@angular/cdk: 2.0.0-beta.10
@angular/common: 4.4.3
@angular/compiler: 4.4.3
@angular/core: 4.4.3
@angular/forms: 4.4.3
@angular/http: 4.4.3
@angular/material: 2.0.0-beta.10
@angular/platform-browser: 4.4.3
@angular/platform-browser-dynamic: 4.4.3
@angular/router: 4.4.3
@angular/cli: 1.4.3
@angular/compiler-cli: 4.4.3
@angular/language-service: 4.3.6
typescript: 2.3.4

Answer 1

解决方案和往常一样相当简单。

我使用了 md-icon:

  <button md-icon-button aria-label="Parking" mdTooltipPosition="below" mdTooltip="Parking" i18n="Parking|Put a parking slot">
    <md-icon class="md-24" (click)="draw('ParkingMarker')" color="color('ParkingMarker')">
      local_parking
    </md-icon>
  </button>

而不是

  <button md-icon-button aria-label="Parking" mdTooltipPosition="below" mdTooltip="Parking" i18n="Parking|Put a parking slot"
    (click)="draw('ParkingMarker')">
    <md-icon class="md-24"  color="color('ParkingMarker')">
      local_parking
    </md-icon>
  </button>

您必须小心地将点击处理程序放在按钮而不是图标

angular.io 在 Firefox 上没有反应，在 ie edge 上工作很奇怪

angular.io not reacting on firefox and working weird on ie edge

firefox

microsoft-edge

angular