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

Question

我想获取我提交的表单的输入值，并且数据angular-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覆盖提交的对象。

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>