模板中的angular2和formControlName值

哦，angular2…为什么这么难

<input type="text" formControlName="exposure" type="hidden">
<label>{{exposure}}</label>

{{曝光}

如果在输入中使用formControlName，则值是正确的

如何获取模板中的曝光值？标签上是空白的

formControlName

指令设计用于父级

FormGroupDirective

（选择器：

[formGroup]

）

它接受要创建的

FormControl

实例的字符串名称 链接，并将查找在中以该名称注册的

FormControl

最近的

FormGroup

或

FormArray

位于其上方

使用

form.get（'exposure'）.value

获取控制值

例如：

<form [formGroup]="form">
    <input type="text" formControlName="exposure" type="hidden">
    <label>{{ form.get('exposure').value }}</label>
</form>

然后，在组件模板中，您可以参考

曝光

：

<input type="text" formControlName="exposure" type="hidden">
<label>{{exposure.value}}</label>

{{exposure.value}}

如果您希望在模板中打印表单的当前字段值以进行测试

使用

{{myForm.value | json}

---

声明模板变量：

<input type="text" formControlName="exposure" type="hidden" #exposure>
<label>{{ exposure.value }}</label>

{{exposure.value}}

真的没有其他选择吗？感觉有点笨重。最好将一个模板变量绑定到输入元素上的底层控件上，这段来自文档的代码片段，显示另一种方式，但不适用于我<代码>名称太短。提交设置预设值

{{keyArray.name}}是必需的{{keyArray.name}}必须是10位

我已经使用动态表单组、验证器完成了。我应该如何使用HTML完成此操作？非常优雅的解决方案！谢谢

<p>{{myForm.value|json}}</p>

<input type="text" formControlName="exposure" type="hidden" #exposure>
<label>{{ exposure.value }}</label>