forms - 在命名表单上使用 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]它们内部的初始值。

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

Answer 1

设置name表单上的属性创建一个范围对象，它是 useful for validation但不适用于 ng-model输入的属性。

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

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

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

Demo