Если вы хотите передать функцию action из вашего родительского компонента, вы должны использовать @Output () вместо @Input () следующим образом:
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-button',
template: ` <ion-button color="{{color}}" (click)="action.emit(null)">
{{title}}
</ion-button>`
})
export class ButtonComponent implements OnInit {
@Input() public title: string;
@Input() public color = 'primary';
@Output() public action: EventEmitter = new EventEmitter();
constructor() { }
ngOnInit() {
}
}
и теперь в вашем родительском компоненте вы можете вызыватьФункция, которую вы хотите, вот так:
<app-button (action)="yourFunction($event)"></app-button>
попробуйте это, если какие-либо вопросы не стесняйтесь задавать.