Wie reset Control mit dem Wert?
Ich versuche, eine Kontrolle, wo wir können, geben mehrere Spieler mit-tag und Ihre Gäste.
Aber wenn wir auf auf meine AddPlayer Schaltfläche erstelle ich ein Spieler, dann muss ich einen reset der Formular-Steuerelement-Wert default.
Ich habe versucht, eine Menge Dinge, aber nichts funktioniert .... es ändert sich die Ansicht Wert.
Hier ist der code:
addPlayer(form: ControlGroup) {
var player = new Player();
player.tag = form.value.tag;
player.name = form.value.name;
player.score = form.value.score;
//nothing work
form.value = null;
form.value.tag = null;
form.value.tag = '';
this.playerService.addPlayer(player.tag, player.name, player.score);
this.newplayer.next(player);
}
Hier ist der html -
<form (submit)="addPlayer(playerForm)" [ng-form-model]="playerForm">
<div class="form-group" [class.has-error]="!playerForm.find('tag').valid && playerForm.find('tag').touched">
<div class="col-md-3 text-right">
<label for="tag">Tag: </label>
</div>
<input type="text" id="tag" #tag="form" [ng-form-control]="playerForm.controls['tag']" placeholder="Tag"/>
<span *ng-if="tag.control.hasError('required') && !tag.control.pristine">Tag is required</span>
</div>
<div class="form-group" [class.has-error]="!playerForm.find('name').valid && playerForm.find('name').touched">
<div class="col-md-3 text-right">
<label for="name">Player Name: </label>
</div>
<input type="text" id="name" #name="form" [ng-form-control]="playerForm.controls['name']" placeholder="Player Name" />
<span *ng-if="name.control.hasError('required') && !name.control.pristine">Player Name is required</span>
</div>
<div class="form-group" [class.has-error]="!playerForm.find('score').valid && playerForm.find('score').touched">
<div class="col-md-3 text-right">
<label for="score">Score: </label>
</div>
<input type="number" id="score" #score="form" [ng-form-control]="playerForm.controls['score']" value="0" min="0" max="200" />
<span *ng-if="score.control.hasError('required') && !score.control.pristine">Score is required</span>
</div>
<button type="submit" class="btn btn-primary">
Add Player
</button>
</form>
Also, wie kann ich den Wert des zurücksetzen der Steuerung?
- Versuchen Sie
updateValue
- auf welches element?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zurücksetzen der form, der einfachste Weg ist, neu erstellen der Formular-generator.
Nach dem klicken auf den hinzufügen Knopf player,
Je nach Winkel 2 docs sieht es aus wie die updateValue hat einige Parameter wie die nur sich selbst und emitEvent, die anscheinend Griff die Validierung zurücksetzen. Hast du das ausprobiert?