родственный компонент связи угловой 6

Question

У меня есть два родственных компонента внутри родительского компонента, как показано ниже

<parentComponent>
  <sibling1></sibling1>
  <sibling2></sibling2>
</parentComponent>

Отправляю данные от родного брата 2 родителю.Затем я передаю его как входные данные от родителя к брату 1. Но так как брат 1 инициализируется перед братом 2, я не могу получить данные по брату 1. Как получить данные по брату 1 с такой же настройкой.

Answer 1

Когда вы получаете данные в родительском компоненте, вам нужно запустить функцию callback для обновления данных sibling1.Для запуска обратного вызова в родительском режиме вы можете сделать что-то вроде этого.

SIBLING2 :

class Sibling2 {
   @Output() private onChange: EventEmitter<string> = new EventEmitter<string>();

   ngOnInit () {
     this.onChange.emit("hello parent")
   }

}

PARENT :

    class Parent {
           private parentData: string = null;

           ngOnInit () {
             this.onChange.emit("hello parent")
           }

           onSibling2Change(data) {
             this.parentData = data; //this will update sibling1 data
           }

        }

HTML:

<parentComponent>
  <sibling1 [data]="parentData"></sibling1>
  <sibling2 (onChange)="onSibling2Change($event)"></sibling2>
</parentComponent>