Tengo una aplicación web Angular donde para registrarte pasas por diferentes páginas:
Por lo tanto, la URL cambia de website.com/intake a website.com/intake/signup a website.com/intake/confirmation .
Mi problema es que actualmente es posible que un usuario cambie la URL de website.com/intake a website.com/intake/signup y finalice el registro sin completar la otra información. Me gustaría evitar eso, pero no estoy seguro de cómo usar el enrutamiento en este caso.
Quiero asegurarme de que el usuario pueda ir a la página siguiente solo si ha estado en la primera y la ha completado. Ahora sé que si hago que los campos del formulario * required , no permitirá que el usuario vaya más allá, pero aún podrá omitir eso cambiando la URL.
¿Cómo soluciono eso?
Puedes usar guardias. Cree un condicional para restringir la ruta que desee.
Si el usuario no ha completado el formulario, rediríjalo al formulario.