具有特定參數的角度路由匹配 url

Question

我正在致力於在 WordPress 管理儀表板內實現一個角度應用程序。

我目前正在嘗試實現路由，我想知道是否有辦法將路由與特定參數匹配。 例如，我的插件在 WordPress 中的基本 URL 是：

http://localhost/wp/wp-admin/admin.php?page=angular_plugin

這與角度路由的根路徑相匹配。 但是，如果我想實現更多頁面，我不能使用不同的路徑，因為 WordPress 不會識別它並會返回錯誤。 因此，為了避免 WordPress 弄亂我的路由，我需要使用插件的基本 URL 並使用參數來指示我要加載的路由。

例如，要加載儀表板路線，它必須是這樣的：

http://localhost/wp/wp-admin/admin.php?page=angular_plugin&route=dashboard

有沒有辦法在 Angular 中聲明這樣的路由？

Answer 1

您可以嘗試使用哈希定位策略。 然后 url 將類似於http://localhost/wp/wp-admin/admin.php?page=angular_plugin/#/dashboard這樣 wordpress 不會打擾，因為它只是在 javascript 中處理的事情。

Angular 的默認定位策略是 PathLocationStrategy，因此您需要啟用 HashLocationStrategy，這很容易做到，只需確保在路由模塊 ts 文件中將 useHash 設置為 true，如下所示

@NgModule({
  imports: [ RouterModule.forRoot(routes, {useHash: true }) ],
  exports: [ RouterModule ]
})

Answer 2

如果你想在 wordpress admin 上使用 angular，你只需使用 htaccess 將每個傳入請求指向/wp/wp-admin/admin.php/foo/bar到/wp/wp-admin/admin.php