绑定不适用于用户实例

Question

在文本框中键入内容时，``Angular表单的值会更改，但是

  

    

userModel的值不变

  

     

，始终在userModel值中显示[Vino]。

`

这是app.component.html，

  
  {‌ {userForm.value | json}}
  

  {‌ {userModel | json}}

名称：


提交表单

Answer 1

在您的app.component中，将用户模型更改为类似对象

export class AppComponent {
userModel={name:'Vino'};
}

然后在HTML中，您的输入应类似于

<input type=text class="form-control" name="userName" [(ngModel)]="userModel.name">

Answer 2

您错误地将输入绑定到userModel，后者是一个数组，没有字段名称

Answer 3

您在userModel中没有name属性，实际上它是一个数组。 您的userModel应该是这样的。

 const { cats[id] } = this.state;

并像这样绑定它。

userModel={
           name:'vivo'
          }