如何在沒有重定向的情況下使用空的 href 屬性？

Question

有沒有辦法讓href不被重定向回 angular2 中的根？ 因為我有這個<a href="" (click)="modal.open()"></a>代碼來打開一個模式，但它把我重定向回我的主頁。

我知道它是因為 routeConfig angular 有，但是有沒有辦法繞過它？

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

請注意，如果完全刪除 href 是有效的，則可能沒有檢查 w3c 驗證。

Answer 1

您可以使用href="javascript:;" 實現一個沒有任何副作用的href 。

Answer 2

href="javascript:;" 當Content-Security-Policy不允許內聯腳本（例如script-src: 'self';例如）（ https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers /Content-Security-Policy/script-src ）。

您可以在單擊時將空 href 與 event.preventDefault() 一起使用。

 <a href="" (click)="$event.preventDefault()">Link</a>

Answer 3

Angular 使用ng-href而不是href 。 所以如果你想擁有 href attr，那么你應該使用ng-href 。

如果您想根據 W3C 規范獲得有效的 HTML，則不要使用 Angular，因為(click)=...等屬性無效:) 恕我直言，此 HTML 有效性被高估了。

如果你只想打開一個模態窗口，那么不要使用<a>標簽，因為那不是它們的主要用途。 <a>用於導航。 使用<button>代替。 這也將解決您的 href 問題。

Answer 4

我認為這個問題的更好答案可能是：

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