Tengo el siguiente código de ejemplo para explicar mi duda.
Tengo una etiqueta "a" con un href="#menu"
para direccionar a otra parte de la misma pagina(al nav
que tiene el id="menu"
). Con HTML
puro no tengo ningún problema, de hecho la url que visualiza es la correcta (con el sufijo #menu
), pero cuando quiero pasar esto a mi proyecto Angular no funciona.
Por lo que veo me redirecciona a la pagina 404
que configure para las rutas que no uso y asumo que se trata por ese sufijo que se agrega a la URL.
La duda es sobre como puedo llevar este comportamiento al proyecto Angular en el que quiero aplicar?
Mi código:
<div class=" logo jumbotron card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Others/gradient1.jpg); height:42rem; margin: 2rem 2rem 2rem 2rem ; display:flex; justify-content:center; align-items:center;">
<div class="text-white text-center py-5 px-4">
<div>
<a href="#menu" style="border-radius:50%; padding-top:1.4rem; padding-left:1.9rem; padding-right:1.9rem; " class="btn btn-outline-white btn-md"> <h1> boton </h1></a>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--Navbar-->
<nav class="menu navbar navbar-expand-lg navbar-dark primary-color" id="menu">
<!-- Navbar brand -->
<a class="navbar-brand" href="#">naveacion</a>
</nav>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Muchisimas gracias de antemano...