首页 文章

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

提问于
浏览
0

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

如何使用输入和输出事件 Launcher

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

1 回答

  • 0

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

相关问题