obtenir la valeur de la forme du tube asynchrone (observable dans l'attribut valeur de l'entrée)

Question

J'ai des entrées de forme de texte, et je veux qu'elles agissent comme des formes et affichent également les valeurs définies lorsque le formulaire est soumis. le problème est quand je soumets le formulaire, et obtient la valeur pour le début (form.controls.start.value) j'obtiens une erreur parce que cette valeur est observable quand je regarde le formulaire dans la console. l'erreur indique cannot get value of undefined.

J'ai l'start$ observable qui peuplait mon entrée avec la valeur actuelle:

<div class="col"> 
    Pool Start: 
</div> 
<div class="col"> 
    <input 
      type="text" 
      class="form-control" 
      formControlName="start" 
      [value]="start$ | async" 
    > 
</div> 

fait partie d'une forme:

this.dhcpForm = this.formBuilder.group({ 
      'start': [this.start$], 
      'end': [this.end$], 
      'lease': [this.lease$] 
}); 

et ceci est ma fonction de soumission assigner les valeurs de formulaire :

console.log(dhcpForm); 
const start = dhcpForm.controls.start.value; 
const end = dhcpForm.controls.end.value; 
const lease = dhcpForm.controls.lease.value; 

nouveau pour réitérer ma question, comment puis-je ren der les valeurs dans le champ de saisie après que le formulaire est soumis lorsque la valeur est 'observable'?

ici est la sortie de forme:

here is an example of my code* (* S'il vous plaît modifier ce code dans une fenêtre séparée ou d'une fourchette si cette version reste la même pour tous)

Answer 1

Je regardais l'échantillon en direct, je peut le faire fonctionner en supprimant async pipe et en utilisant patchValue pour définir les formes. Voir la version fourchue:

https://stackblitz.com/edit/angular-ipe8hd

cela est-il l'effet que vous cherchez? Je ne pense pas que vous devez faire [valeur] ou utiliser un tuyau async ici du tout ... La fourche est encore moins de code. Faites-moi savoir si c'est la fonctionnalité que vous recherchez et si vous souhaitez que celle-ci apparaisse d'une certaine manière.