Как передать данные от родителя к ребенку через событие - PullRequest
Новая
       53

Как передать данные от родителя к ребенку через событие

0 голосов
/ 10 октября 2018

Мне нужно передать данные от родителя к ребенку по угловой.У меня есть группа вкладок. 

<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 голосов
/ 10 октября 2018

Вы создаете входное свойство с именем var1 в своем дочернем элементе и используете param1 в качестве имени, которое не будет работать.

Имя свойства @Input, объявленного в дочернем элементе.Компонент и имя Атрибута, к которому вы привязываетесь в шаблоне родительского компонента, ДОЛЖЕН БЫТЬ ЖЕ .

Измените это: 

@Input() var1: any;

на 

@Input() param1: any;

ИЛИ

Изменить это: 

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

На 

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