У меня есть код ниже, чтобы открыть ссылку в новой вкладке.Код прекрасно работает в браузере 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>
Я удалил тег кнопки и поместил 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>