如何通过事件将数据从父角度传递到子角度

时间:2018-10-10 19:50:24

标签: angular input components

我需要按角度从父母到孩子传递数据。我有一个标签组。

<mat-tab-group>
    <mat-tab label="Some text0">
        <app-comp></app-comp1>
    </mat-tab>
    <mat-tab label="Some text">
        <app-comp1 [param1]="var1"></app-comp1>
    </mat-tab>
</mat-tab-group>

这里没问题。最初,在加载组件时,param1可以正确获取数据。

现在在父组件(处理所有组件的组件)中,当我编辑var1的值时,param1变量不要将其值刷新到“ app-comp1”中

export class Component1 implements OnInit {

    @Input() var1             : any;

有可能吗?

1 个答案:

答案 0 :(得分:0)

您要在孩子中创建一个名为var1的输入属性,并使用param1 作为不起作用的名称。

您要在父组件模板中绑定的子组件中声明的@Input属性的名称和属性的名称,必须相同

更改此:

@Input() var1: any;

@Input() param1: any;

OR

更改此:

<app-comp1 [param1]="var1"></app-comp1>

收件人

<app-comp1 [var1]="var1"></app-comp1>