Al fin después de tanto trabajar ya encontramos el arreglo de este enigma que ciertos usuarios de nuestra web han presentado. Si tienes alguna información que aportar no dudes en dejar tu comentario.
Solución:
Puedes usar href="javascript:;"para realizar un href sin ningún efecto secundario.
usos angulares ng-href en vez de href. Entonces, si desea tener href attr, debe usar ng-href.
Si desea tener HTML válido de acuerdo con las especificaciones W3C, no use Angular porque el (click)=... etc. no son atributos válidos 🙂 En mi humilde opinión, esta validez de HTML está sobrevalorada.
Si todo lo que quiere hacer es abrir una ventana modal, entonces no use etiqueta, porque eso no es para lo que son principales. los es para navegación. Usar en cambio. Eso también resolverá su problema con href.
href="javascript:;" producirá un error después de hacer clic en el enlace cuando Content-Security-Policy no permite scripts en línea (script-src: 'self'; por ejemplo) (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
Puede usar href vacío con event.preventDefault() al hacer clic en su lugar.
LinkAquí tienes las comentarios y calificaciones
Si para ti ha sido de ayuda este post, sería de mucha ayuda si lo compartes con más desarrolladores de esta manera contrubuyes a extender este contenido.