this.router.navigate(['components/NewComponent']); 不管用

Question

我在我的項目儀表板中創建了新組件。 項目路徑就像 ~src\\app\\layout\\dashboard\\components\\New-Component

我在儀表板路由模塊中添加了路由，例如

import { NewComponentComponent } from './components/New Component/New-Component.component';

{ path: 'components/New-Component', component : NewComponentComponent} .

我從儀表板圖表組件調用了這個頁面。

onChartClick(e) {         
        this.router.navigate(['components/New-Component']);
    }

當我點擊圖表時，它被導航到新組件頁面，但它顯示相同的儀表板頁面。 http://localhost:4200/dashboard/components/New-Component 。

Answer 1

添加/在組件之前

this.router.navigate(['/components/New-Component']);

Answer 2

謝謝大家的幫助。

為此，我使用了this.router.navigate(['../components/New-Component']);

它現在正在工作。