angular - 从 NgForm 中检索 NgModel

Question

我想知道是否有任何方法可以检索从表单的 NgForm.controls 对象中提取的 FormControl 的 NgModel它属于哪个，或者直接从表单中检索 NgModel。

我有一个表单，在提交时，我将其作为参数传递给我定义的函数:

<form #myForm="ngForm" name="myForm" (ngSubmit)="myFunc(myForm)">
  <input type="text" name="myInput" ngModel #myInput="ngModel">
</form>

myFunc(form) {
  form.controls // Gets me {[key: string]: FormControl}
}

我希望能够为从表单中检索到的控件设置属性(作为 NgModels)并在模板中引用它们:

{{ myInput.myProp }}

相对于:

{{ myInput.control.myProp }}

总体目标是在表单提交时为表单的每个 NgModel 设置一个自定义属性，而不必从其底层控件中提取该属性。这是否可能和/或我是否只是以完全错误的方式进行处理？

Answer 1

试试这个:

<form #myForm="ngForm" name="myForm" (ngSubmit)="myFunc(myForm)">
  <input type="text" name="myInput" ngModel #inp="ngModel">
  {{ inp.value }}
</form>