在角度 ui 引导程序中获取表单输入/数据

Getting form input/data in angular-ui bootstrap

本文关键字：表单 输入 数据 获取 ui 引导程序      更新时间：2023-09-26

我正在尝试获取我提交的表单的输入值，并且数据角度UI绑定到表单不是我期望的。示例表单：

<form name="myform" method="post" data-ng-submit="submit()">
    <input type="text" name="myform.firstname" />
    <input type="submit" value="submit" />
</form>

在submit()我只是在做console.log($scope.myform)

我期待：{ firstname: "sample" }但我反而得到： 

{ $error: Object, $$success: Object, $pending: undefined, $name: "myform", $dirty: false, $pristine: true, $valid: true, $invalid: false, $submitted: true, $$parentForm: Object, 10 more… }

输入键及其值似乎不在这里，即使我使用模型，angular-ui 也会在提交时覆盖对象。

注意输入字段上的名称和ng 模型属性。ng-model 对于在角度范围和 HTML 元素之间进行数据绑定非常重要。

<form name="myform" method="post" data-ng-submit="submit()">
    <input type="text" name="firstname" ng-model="myform.firstname" />
    <input type="submit" value="submit" />
</form>
相关文章：