我正在努力处理父组件与其子组件之间的交互。
基本上，我正在开发条形码扫描仪应用程序，并且我的上级组件中有一个离子搜索栏（用于扫描产品），而我的下级组件中有一个输入（用于设置产品的数量）。
我需要做的是提高可用性：在扫描产品之后，失去对父级搜索栏的关注，将焦点放在子级的输入上。
我已经尝试了@Viewchild和@Input＆@Output两种方式，但是都无法成功。有什么建议吗？
父组件html：
<ion-searchbar #search [(ngModel)]="searchCode" type="number" placeholder="Barcode" (ionBlur)="searchArticle(searchCode)"
(keyup.enter)="searchArticle(searchCode)" (ionBlur)="search.value=''" [showCancelButton]="shouldShowCancel"></ion-searchbar>
子组件html：
<input #inputchild type="number" placeholder="-" [(ngModel)]="articles[i].quantity" (click)="selectText(inputchild)"
(keyup.enter)="onEnter(inputchild)">