Question

我有一个父组件<app-parent>，在这个父组件中，按钮很少，每个按钮将在当前父组件的顶部打开一个新的浮动面板，并且在每个浮动面板中，有相同的按钮将打开该浮动面板再次在当前浮动面板（面板堆叠）的顶部，我希望每个浮动面板都有一个单独的URL，我该怎么做？

Answer 1

在项目开始时，angular询问您是否要使用路由模块。如果您同意，它将在您的应用程序文件夹中创建。但是，如果由于某种原因而没有，那么您仍然可以通过以下cli命令生成它：ng generate module app-routing --flat --module=app

这将为您提供类似于以下文件：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ProductAddComponent } from './product-add/product-add.component';
import { ProductGetComponent } from './product-get/product-get.component';
import { ProductEditComponent } from './product-edit/product-edit.component';

// here you can configure routes
const routes: Routes = [
  {
    path: 'product/create',
    component: ProductAddComponent
  },
  {
    path: 'products',
    component: ProductGetComponent
  },
  {
    path: 'edit/:id',
    component: ProductEditComponent
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

别忘了在您的应用模块中引用它

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

如何在角度创建动态路由（URL字符串）？

1 个答案: