estoy desarrollando una aplicacion en angular.
El problema es que tengo un logo que tiene la funcion de redirigir a la pagina principal dependiendo del rol que lo esté usando (que haya iniciado sesion). Para esto debo cambiar el valor de la variable de forma dinamica generando el error NG0100.
El logo tiene este codigo :
<a class="navbar-brand mr-2 mt-2 mt-lg-0" id="navbarBrand" routerLink="{{hrefLogo}}" >
<img
src="../assets/logo.png"
height="40"
alt="50"
loading="lazy"
width="90"
/>
</a>
La variable hrefLogo cambia al momento de que se detecta quien inició sesion, un ejemplo general del codigo sería este;
esRol1(){
....
this.hrefLogo = "rol1/main"
...
}
esRol2(){
....
this.hrefLogo = "rol2/main"
...
}
Entonces si entro con rol1 y luego con rol2 genera todo el tiempo el siguiente error:
ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
La pregunta es :
Hay alguna forma de realizar esto evitando ese error o de alguna mejor manera?
Gracias