在命名表单上使用ng-model时获取[Object object]

Question

如果我有以下内容:

<form
    id="registration"
    name="registration"
    method="POST"
>

    <input
        type="text"
        name="first_name"
        id="first-name"
        ng-model="registration.first_name"
        placeholder="First name"
    />

当我的表单显示时,如上配置的字段最终会在其[Object object]内部显示其初始值.

我在这里做错了什么以及在表单内部进行双向绑定的正确方法是什么？

Answer 1

name在表单上设置属性会创建一个范围对象,该对象对验证很有用,但不能用于ng-model输入属性.

如果为ng-model使用单独的范围变量,它将按预期工作:

<form
    ...
    name="reg"
    ...
>

<input
    ...
    ng-model="registration.first_name"
    ...
/>

演示