我有角度应用程序,它具有父组件和子组件交互 . 我需要使用click事件将输入数据值传递给子组件 . 单击提交按钮时必须显示 .
如何使用输入和输出事件 Launcher
https://stackblitz.com/edit/angular-7ojvmd
我认为你能做的就是如下所示,让一个属性绑定到子节点并在click事件上更新该属性 .
@Component({ selector: 'my-app', template: `Welcome Parent <br> <p>Name: <input type="text" [(ngModel)]="name" > <br></p> <p>Mobile: <input type="text" ><br></p> <button (click)="updatechild()">Submit</button> <preview [param1]="forChild" ></preview> <button (click)="add.next(control.value)">Add</button> ` }) export class AppComponent { public name:string=""; forChild:string=""; updatechild(){ this.forChild=this.name } }
1 回答
我认为你能做的就是如下所示,让一个属性绑定到子节点并在click事件上更新该属性 .