首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >FormBuilder内部对象的使用

FormBuilder内部对象的使用
EN

Stack Overflow用户
提问于 2018-05-11 12:22:36
回答 1查看 3.4K关注 0票数 0

我创建了一个反应性表单,它运行得很好:

ts文件:

代码语言:javascript
运行
AI代码解释
复制
this.formulario = this.formBuilder.group({
  title:[null, [Validators.required, Validators.minLength(3)] ],
  dateHour:[null, [Validators.required] ],
  description:[null, [Validators.required] ], 
  location: this.formBuilder.group({
            idLocation: [null],
            lat:[null],
            lng:[null],
  }),
});

之后,我为每个类创建了一个类:

代码语言:javascript
运行
AI代码解释
复制
export class Ocr {
    idOcr: number;
    title: string;
    dateHour: Date;
    description: string;
    location: Location;
}

export class Location {
    idLocation: number;
    lat: number;
    lng: number;
}

然后,我在ts文件中实例化了对象,我想在FormBuilder中使用atributes。在这种情况下,我不知道在位置属性中写了什么:

代码语言:javascript
运行
AI代码解释
复制
ocr: Ocr = new Ocr();

...

this.formulario = this.formBuilder.group({
  title:[this.ocr.title, [Validators.required, Validators.minLength(3)] ],
  dateHour:[this.ocr.DateHour, [Validators.required] ],
  description:[this.ocr.description, [Validators.required] ], 
  location: ??????? 
  }),
});

我也想知道如何在html文件中表示它。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-11 12:43:05

您可以添加像这样的新formGroup:

代码语言:javascript
运行
AI代码解释
复制
this.formulario = this.formBuilder.group({
  title:[this.ocr.title, [Validators.required, Validators.minLength(3)] ],
  dateHour:[this.ocr.DateHour, [Validators.required] ],
  description:[this.ocr.description, [Validators.required] ], 
  location: this.formBuilder.group({
      lat:[this.ocr.location.lat, [Validators.required] ],
      lng:[this.ocr.location.lng, [Validators.required] ],
    })
  }),
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50299761

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档