Выполнить функцию в другом компоненте без родительских и дочерних отношений в angular 8

Question

Выполнить функцию в другом компоненте без родительских и дочерних отношений в angular 8. Демонстрационный код получает URL https://stackblitz.com/edit/angular-bex9hp

Answer 1

Вы все равно должны объявить ссылку на двухкомпонентный компонент, потому что, если он не создан, ни одна из его функций не будет вызвана.

change app.component. html

<my-app-two #TwoComponent></my-app-two>
<button type="button" class="btn btn-primary" (click)="func1()">Proceed</button>

И в TS изменение файла @ ViewChild

@ViewChild('TwoComponent', {static: false}) TwoComponent: TwoComponent;