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

Question

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

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

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

Answer 1

我认为您可以做的最简单的事情如下，将一个属性绑定到子元素并在点击事件时更新该属性。

   @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
   }

}