Данный ответ был дан на другом форуме человеком с ником Günter Zöchbauer. Но он просто обязан быть здесь, т.к. мне самому очень
помог
Если com1 и com2 являются братьями и сестрами, вы можете использовать
@component({
selector:'com1',
})
export class com1{
function1(){...}
}
com2 испускает событие с помощью EventEmitter
@component({
selector:'com2',
template: `<button (click)="function2()">click</button>`
)
export class com2{
@Output() myEvent = new EventEmitter();
function2(){...
this.myEvent.emit(null)
}
}
Здесь родительский компонент добавляет привязку события для прослушивания событий myEvent, а затем вызывает com1.function1(), когда такое событие происходит. #com1 - это шаблонная переменная, которая позволяет ссылаться на этот элемент из другого места в шаблоне. Мы используем это, чтобы сделать function1() обработчик события для myEvent com2:
@component({
selector:'parent',
template: `<com1 #com1></com1><com2 (myEvent)="com1.function1()"></com2>`
)
export class com2{
}
Для других вариантов связи между компонентами см. также https://angular.io/docs/ts/latest/cookbook/component-communication.html