在提交时获取字段的值
Getting value of fields on submit
我已经使用 angular-formly 构建了一个表单。从视觉上看,一切看起来和表现都很好。我无法在提交时获取表单中各个字段的值(以便我可以将它们传递给各种调用以保存数据)。
这是我的代码:
vm.occupationInfoFields = [
{
key: 'occupation',
type: 'occupationSelect'
}
];
<form ng-submit="vm.onSubmit()" name="vm.occupationInfoForm" novalidate>
<div class="panel__body" style="padding: 15px; border-top: 1px solid gainsboro">
<formly-form model="vm.occupationInfo" fields="vm.occupationInfoFields" form="vm.occupationInfoForm">
<button type="submit" class="btn">SUBMIT</button>
</formly-form>
</div>
</form>
在 OnSubmit
函数中,我尝试从 vm.occupationInfoForm
中获取此字段的值,但我没有任何反应。
有什么建议吗?
编辑:
我原以为这样的东西会起作用,但它返回了 Undefined
:
vm.occupationInfoForm.occupation
编辑 2:
我应该指定我无法访问仅使用上面列出的类型 (occupationSelect) 的字段。如果我有一个使用普通 INPUT 类型(或扩展 INPUT 的自定义类型)的字段,一旦我修改了该字段,该值就会添加到模型中,因此我可以访问它。但是,当我更改 occupationSelect 的选定值时,它不会添加到模型中。
正如我在 the issue on github
上解释的那样
The values are assigned to the model that you pass in. So instead of vm.occupationInfoForm.occupation, your values will be on vm.occupationInfo.occupation.
我已经使用 angular-formly 构建了一个表单。从视觉上看,一切看起来和表现都很好。我无法在提交时获取表单中各个字段的值(以便我可以将它们传递给各种调用以保存数据)。
这是我的代码:
vm.occupationInfoFields = [
{
key: 'occupation',
type: 'occupationSelect'
}
];
<form ng-submit="vm.onSubmit()" name="vm.occupationInfoForm" novalidate>
<div class="panel__body" style="padding: 15px; border-top: 1px solid gainsboro">
<formly-form model="vm.occupationInfo" fields="vm.occupationInfoFields" form="vm.occupationInfoForm">
<button type="submit" class="btn">SUBMIT</button>
</formly-form>
</div>
</form>
在 OnSubmit
函数中,我尝试从 vm.occupationInfoForm
中获取此字段的值,但我没有任何反应。
有什么建议吗?
编辑:
我原以为这样的东西会起作用,但它返回了 Undefined
:
vm.occupationInfoForm.occupation
编辑 2: 我应该指定我无法访问仅使用上面列出的类型 (occupationSelect) 的字段。如果我有一个使用普通 INPUT 类型(或扩展 INPUT 的自定义类型)的字段,一旦我修改了该字段,该值就会添加到模型中,因此我可以访问它。但是,当我更改 occupationSelect 的选定值时,它不会添加到模型中。
正如我在 the issue on github
上解释的那样The values are assigned to the model that you pass in. So instead of vm.occupationInfoForm.occupation, your values will be on vm.occupationInfo.occupation.