如何在不使用角度为ng的情况下将输入值从父组件传递给子组件？

Question

我有角度应用程序，它具有父组件和子组件交互。我需要使用click事件将输入数据值传递给子组件。单击提交按钮时必须显示。

如何使用输入和输出事件发射器

https://stackblitz.com/edit/angular-7ojvmd

Answer 1

我认为你能做的就是如下所示，让一个属性绑定到child并在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
   }

}