Como passar o valor de entrada do componente pai para o filho sem usar ng no angular?

Mike

Eu tenho um aplicativo angular que tem interação de componente pai e componente filho. Preciso passar o valor dos dados de entrada para o componente filho usando o evento click. ele deve ser mostrado ao clicar no botão enviar.

Como usar o emissor de evento de entrada e saída

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

faizan

Acho que o mais fácil que você pode fazer é como abaixo, ter uma propriedade vinculada ao filho e atualizar essa propriedade no evento de clique.

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

}

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como passar o valor de entrada do componente filho para o pai reage

Como passar o valor do componente filho para o pai

Como passar dados do componente filho para o pai [Angular]

Como passar dados do componente angular filho para o pai

Como passar dois argumentos para uma função de componente pai do componente filho angular 7?

Em React, como passar CORRETAMENTE o valor de entrada do filho para o pai

Angular4 @Input () para passar o valor do componente pai para o componente filho

Como passar o valor do formulário do componente filho para o componente pai

Use o componente pai para passar o valor inicial ao filho sem depender do estado ReactJS

Como passar o valor do componente pai para o componente filho (reagir)

VueJs: Como passar um valor de 'função computada' do componente filho para o componente pai usando $ emit (optionalPayload) e $ on?

Como passar o valor do componente filho (componente baseado em função) para o componente pai (componente baseado em classe)

Como passar dados do componente filho para o componente pai no Angular4

Como posso passar os objetos do componente Pai para o componente Filho no Angular 2?

Como passar o estado do componente pai para filho

Como passar dados únicos do componente filho para o pai?

Como acessar o valor de entrada do componente filho do componente pai no ReactJs?

Angular: como usar o valor de entrada do componente pai no arquivo de texto digitado

Como obter o valor do texto de entrada e passá-lo do componente filho para o pai?

Acessando o valor de entrada do componente filho sem estado no pai por meio de refs

Erro de HTML ao passar dados do componente pai para o componente filho no Angular

Como passar o valor do pai para o filho na primeira renderização e alterar o valor do componente pai do filho?

Como passar dados do componente filho para o pai usando ganchos de reação

Como passar dados do componente pai para o filho no Angular 4

Como passar vários dados do componente filho para o pai no Angular?

VueJS - Como passar os dados de resposta do Axios do componente pai para o filho?

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Não é possível passar o valor do componente Filho para o Pai (COMPONENTE FUNCIONAL) no ReactJS

TOP lista

quentelabel

Arquivo