在Angular 2/4中编辑时重用表单值对象

时间:2017-08-08 11:53:23

标签: angular angular-forms

我有一个像这样的模板驱动形式:

f.value

我想用它来创建和编辑人物记录。如果我输入一些值并单击提交按钮,{ name: 'John', ssn: '1234567' } 就是这样的:

f.value

它按原样运行,但我喜欢我的表单模板不那么冗长。我想避免在编辑时将每个输入绑定到表单值对象的相应属性。是否可以将整个对象绑定到表单值?

我跳过能够将从<form #f="ngForm" (submit)="onSubmit(f.value)" [ngModel]="person"> <input type="text" name="name" ngModel> <input type="text" name="ssn" ngModel> <button type="submit">Submit</button> </form> 检索到的对象绑定到表单,但是不能。

我猜这应该有用,但它没有:

<form #f="ngForm" (submit)="onSubmit(f.value)" [value]="person">
  <input type="text" name="name" ngModel>
  <input type="text" name="ssn" ngModel>
  <button type="submit">Submit</button>
</form>

这也不起作用:

    protected override void OnModelCreating(ModelBuilder builder)
    {
        builder.Entity<BbUser>(b => b.ToTable("AspNetUsers"));
        base.OnModelCreating(builder);
    }

什么是实现简洁和优雅表单模板的最佳方式?

0 个答案:

没有答案