如何在Angular中为自定义组件实现伪事件？

Question

我有一个包含这样的输入和按钮的自定义组件

<div class="input-group">
    <input type="text" class="form-control form-control-sm"
        (input)="change($event)"
        ngbDatepicker #d="ngbDatepicker" required
        #datef />
    <div class="input-group-append">
        <button type="button" class="btn btn-sm btn-success" (click)="d.toggle()" type="button">
            <i class="fa fa-calendar"></i>
        </button>
    </div>
</div>

我希望它具有一定的功能，因此，当用户在输入上按Enter时，它应该发出一个伪事件

<custom-datepicker (keyup.enter)="handleKeyboard($event)"></custom-datepicker>

我已经尝试过@HostListener，但是我遇到了关于太多递归的错误，请帮助我

Answer 1

您可以使用Reactive Forms FormArray

Answer 2

您可以简单地使用事件发射器的概念，其中可以将事件从您的自定义组件发送到父组件