AngularJS की तरह Angular में @Input के माध्यम से चाइल्ड कंपोनेंट में callback फंक्शन पास करना

नमस्ते! मैं AngularJS से Angular (2+) में माइग्रेट कर रहा हूँ और समझ नहीं पा रहा हूँ कि चाइल्ड कंपोनेंट में callback फंक्शन को सही तरीके से कैसे पास करूँ। AngularJS में मैं ऐसा करता था:\n\n```javascript\n// Parent\n\n\n// Child\nscope.$on('save', function(event, data) {\n // पैरेंट फंक्शन को कॉल करें\n scope.onSave({$event: data});\n});\n```\n\nअब Angular में मैं @Input के माध्यम से फंक्शन पास करने की कोशिश कर रहा हूँ:\n\n```typescript\n// Parent component\n@Component({\n template: ``\n})\nexport class ParentComponent {\n saveHandler(data: any) {\n console.log('Saved:', data);\n }\n}\n\n// Child component\n@Component({...})\nexport class ChildComponent {\n @Input() onSave: (data: any) => void;\n\n someMethod() {\n this.onSave({name: 'test'});\n }\n}\n```\n