路由组件是否可以拥有输入？

可以在路由模块中将组件使用component属性加载，然后在路由定义对象中使用data属性为组件传递数据。

示例代码如下：

// app-routing.module.ts import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { ExampleComponent } from './example/example.component';

const routes: Routes = [ { path: 'example', component: ExampleComponent, data: { message: 'Hello!' } } ];

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

// example.component.ts import { Component, OnInit, Input } from '@angular/core';

@Component({ selector: 'app-example', templateUrl: './example.component.html', styleUrls: ['./example.component.css'] }) export class ExampleComponent implements OnInit { @Input() message: string;

constructor() { }

ngOnInit() { console.log(this.message); // output: "Hello!" }

}

// example.component.html <p>{{ message }}</p>