it-swarm.com.de

Winkel 4 - Eingabewert erhalten

Ich würde gerne wissen, wie man den Wert aus einer Eingabe in Winkel 4 erhält. Ich habe die Dokumentation zu Winkel durchgesehen und das Beispiel mit dem Schlüsselereignis funktioniert für mich nicht sehr gut und ich kann keine richtige finden Beispiel wie das geht, also bitte hilf mir

Das Problem: Ich versuche, den Wert der Eingabe zu lesen und nachdem ich den Wert an eine andere Komponente übergeben habe, die den Wert zu einem select-Tag hinzufügt (z. B. den Namen der Person an eine Liste für ein select-Tag senden).

 My code

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

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

In HTML hinzufügen

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

Und in der Komponente Hinzufügen

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

Wenn Sie keine bidirektionale Datenbindung verwenden möchten. Du kannst das.

In HTML

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

In der Komponente

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

Ich denke, Sie planten die Verwendung der Angular-Vorlagenreferenzvariablen basierend auf Ihrer HTML-Vorlage.

 // 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

Sie können auch Vorlagenreferenzvariablen verwenden

<form (submit)="onSubmit(player.value)">
   <input #player placeholder="player name">
</form>
onSubmit(playerName: string) {
  console.log(playerName)
}
1
Cichy

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