Angular2: child component access parent class variable/function

Question

I have a variable in the parent component that might be changed by child, parent will be using this variable in the view and thus has to propagate changes.

i         


        

Answer 1

The main article in the Angular2 documentation on this subject is :

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child

It covers the following:

• Pass data from parent to child with input binding

• Intercept input property changes with a setter

• Intercept input property changes with ngOnChanges

• Parent listens for child event

• Parent interacts with child via a local variable

• Parent calls a ViewChild

• Parent and children communicate via a service