锚标签 href 在 Firefox 中不起作用，但在 chrome 中可以正常工作答案

【问题标题】：anchor tag href is not working in firefox but works fine in chrome锚标签 href 在 Firefox 中不起作用，但在 chrome 中可以正常工作
【发布时间】：2019-02-27 14:32:12
【问题描述】：

我有以下代码可以在新标签页中打开链接。该代码在 Chrome 浏览器中运行良好，但在 Firefox 中不起作用，在 google 中搜索后发现锚标记不应该直接包含在按钮内，所以我放置了一个 div 标签来包围锚标记，它仍然不起作用。

<button type="button" (click)="getDirection(m.geometry.location.lat,m.geometry.location.lng)"  class="waves-effect waves-light btn directions"> 
         <div>
          <a href="https://www.google.com/maps/dir/?api=1&origin={{srcOriginLat}},{{srcOriginLng}}&destination={{srcDestinationLat}},{{srcDestinationLng}}&travelmode=driving" target='_blank'>{{'directions' | translate}} </a>
         </div>  
         </button>

【问题讨论】：

以下答案是公认的答案

标签： angular firefox click anchor href

【解决方案1】：

我删除了按钮标签并将href直接放在div中，它工作正常。

 <div (click)="getDirection(m.geometry.location.lat,m.geometry.location.lng)" class="waves-effect waves-light btn directions">
              <a href="https://www.google.com/maps/dir/?api=1&origin={{srcOriginLat}},{{srcOriginLng}}&destination={{srcDestinationLat}},{{srcDestinationLng}}&travelmode=driving"
                target='_blank'>{{'directions' | translate}} </a>
            </div>

【讨论】：