在angular-ui引导中获取表单输入/数据

Question

我正在尝试获取我正在提交的表单的输入值，并且将angular-ui绑定到表单的数据不是我期望的。 表格示例：

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

而在console.log($scope.myform) 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也会在提交时覆盖该对象。

Answer 1

注意输入字段上的名称和ng-model属性。 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>