Oh angular2... ¿por qué tan difícil?
<input type="text" formControlName="exposure" type="hidden"> <label>{{exposure}}</label>Si uso formControlName en la entrada, el valor es correcto.
¿Cómo obtengo el valor de la exposición en la plantilla? Está en blanco en la etiqueta.
La directiva
formControlNameestá diseñada para usarse con unFormGroupDirectivepadre (selector:[formGroup]).Acepta el nombre de cadena de la instancia de
FormControlque desea vincular y buscará unFormControlregistrado con ese nombre en elFormGroupoFormArraymás cercano que se encuentra arriba.
Use form.get('exposure').value para obtener el valor de control.
Ejemplo:
<form [formGroup]="form"> <input type="text" formControlName="exposure" type="hidden"> <label>{{ form.get('exposure').value }}</label> </form>En su clase de componente, defina una propiedad captadora que represente su control de formulario:
export class MyComponent { form = new FormGroup({ exposure: new FormControl('') }); get exposure(): FormControl { return this.form.get('exposure'); } Luego, en su plantilla de componentes, puede hacer referencia exposure :
<input type="text" formControlName="exposure" type="hidden"> <label>{{exposure.value}}</label>Declarar una variable de plantilla:
<input type="text" formControlName="exposure" type="hidden" #exposure> <label>{{ exposure.value }}</label>Si está buscando imprimir los valores de campo actuales de un formulario en su plantilla con fines de prueba.
Usar
<p>{{myForm.value|json}}</p>