锚标记 href 在 firefox 中不起作用，但在 chrome 中工作正常

Question

我有以下代码可以在新选项卡中打开 link。该代码在 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>

Answer 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>

锚标记 href 在 firefox 中不起作用，但在 chrome 中工作正常

anchor tag href is not working in firefox but works fine in chrome

anchor

firefox

click

href

angular