Angular 2+内容投影在组件之间共享数据

Question

我想将一些数据从父组件传递给嵌套组件，有人可以帮我吗，谢谢

<parent> <nested-comp></nested-comp> </parent>

Answer 1

有

@Component()
class NestedComponent{

    @Input("someInput")
       private yourDataInput:any

}

<parent> <nested-comp [someInput]="someData"></nested-comp> </parent>

将允许您通过将绑定someData设置为yourDataInput字段在这两个组件之间传递数据

Answer 2

您需要在 Angular 中使用@Input()，例如：

在父组件 html 中，您设置 label 或您需要传递给子组件的任何内容：

private label: string = 'Label Test';

在父组件 html 中，您将参数设置为嵌套组件：

<app-child [label]="label"></app-child>

在嵌套组件 ts 中声明：

@Input() label: string;

在嵌套组件 html 中，您使用：

<label>{{label}}</label>

这样做您将能够将任何数据从您的父组件传递到 Angular 中的子组件。

Answer 3

您可以尝试使用@ViewChild 来做到这一点。 RxJS Subject, BehaviourSubject 也可用于组件之间的数据传递（主要用于独立组件）