Javascript 如何在没有重定向的情况下使用空href属性?

Javascript 如何在没有重定向的情况下使用空href属性?,javascript,angular,angular2-routing,Javascript,Angular,Angular2 Routing,有没有办法让href不重定向回angular2中的根目录?因为我有这个代码来打开一个模式,但它会将我重定向回我的主页 我知道这是因为routeConfig的角度,但有没有办法绕过它 { path: '', component: LoginComponent, pathMatch: 'full'}, 请注意,如果完全删除href是有效的,则可能不需要检查w3c验证。您可以使用href=“javascript:;”来实现href而无任何副作用。Angular使用ng href而不是href。因此,

有没有办法让
href
不重定向回angular2中的根目录?因为我有这个
代码来打开一个模式,但它会将我重定向回我的主页

我知道这是因为routeConfig的角度,但有没有办法绕过它

{ path: '', component: LoginComponent, pathMatch: 'full'},

请注意,如果完全删除href是有效的,则可能不需要检查w3c验证。

您可以使用
href=“javascript:;”
来实现
href
而无任何副作用。

Angular使用
ng href
而不是
href
。因此,如果您想要href attr,那么应该使用
ng href

如果您希望根据W3C规范拥有有效的HTML,那么不要使用Angular,因为
(单击)=…
等属性无效:)IMHO此HTML有效性被高估

如果您只想打开一个模式窗口,那么不要使用
标记,因为这不是它们的主要用途。
用于导航。改用
。这也将解决href的问题。

href=“javascript:;”
在内容安全策略禁止内联脚本(
脚本src:'self';
例如)时,单击链接后将产生错误()

您可以在单击时将空href与event.preventDefault()一起使用


我认为这个问题最好的答案是:

<a href="" (click)='$event.preventDefault();modal.open()'>

这是用于生产的吗?