使用router-outlet时，使用Input属性将值从一个组件传递到另一个组件

Question

我有我的父组件，其中定义了当路由更改时显示其他组件（childComponent），我想将一个值从parentComp传递给childComp，通常我们包括选择器代替router-outlet如果我们不'使用路由并使用@Input属性传递。 如何在使用路线

时实现相同目的

为父级

result

ChildCompoent

@Component({
    selector : 'parent',
    template : `<h1>Home</h1>
            <router-outlet test1="test"></router-outlet>
    `,
})
export class parentComp{
    test = "testing";
}

我想从父组件到子组件获取test1的值，并使用@Input属性在控制台中打印。

在控制台

中打印值时，我得到test1的值为undefined

Answer 1

您无法为@Input()定义router-outlet变量。

相反，您有以下作为替代选项

• 使用Route params
• 使用查询参数
• 共享数据的共享服务
• 使用redux工具进行状态管理