web-dev-qa-db-fra.com

Angular 4 - Obtenir une valeur d'entrée

Je voudrais savoir comment obtenir la valeur d'une entrée sur angular 4 . J'ai examiné la documentation sur angular et l'exemple avec l'événement clé ne fonctionne pas très bien pour moi et je ne trouve pas un par exemple comment faire cela alors s'il vous plaît aidez-moi

Le problème: J'essaie de lire la valeur de l'entrée et après l'avoir soumise à un autre composant qui l'ajoutera à une balise de sélection (par exemple, envoyer le nom de la personne à une liste pour une balise de sélection)

 My code

angularinputcomponents
15
Daniel Bisceanu
<form (submit)="onSubmit()">
   <input [(ngModel)]="playerName">
</form>

let playerName: string;
onSubmit() {
  return this.playerName;
}
10
yala ramesh

En HTML ajouter

<input (keyup)="onKey($event)">

Et en composant Ajouter

onKey(event) {const inputValue = event.target.value;}
7
laiju

Si vous ne voulez pas utiliser la liaison de données bidirectionnelle. Tu peux le faire.

En HTML

<form (ngSubmit)="onSubmit($event)">
   <input name="player" value="Name">
</form>

En composant

onSubmit(event: any) {
   return event.target.player.value;
}
5
Martin M.

Je pense que vous aviez l'intention d'utiliser Variable de référence de modèle angulaire basé sur votre modèle HTML.

 // in html
 <input #nameInput type="text" class="form-control" placeholder=''/>

 // in add-player.ts file
 import { OnInit, ViewChild, ElementRef } from '@angular/core';

 export class AddPlayerComponent implements OnInit {
   @ViewChild('nameInput') nameInput: ElementRef;

   constructor() { }

   ngOnInit() { }

   addPlayer() {
     // you can access the input value via the following syntax.
     console.log('player name: ', this.nameInput.nativeElement.value);
   }
 }
1
Jun711

html

<input type="hidden" #fondovalor value="valores">
     <button (click)="getFotoFondo()">Obtener</button>

ts

@ViewChild('fondovalor') fondovalor:ElementRef;

getFotoFondo(){ 
        const valueInput = this.fondovalor.nativeElement.value
}
1
Pala