Angular 6-绑定显示数据时显示对象对象的ngModel
Angular 6-绑定显示数据时显示对象对象的ngModel
提问于 2018-06-05 06:18:23
我有一个名为"data“的变量，其中包含以下数据：
{
id: 1,
date: "2018-03-13T16:18:03",
date_gmt: "2018-03-13T16:18:03",
guid: {},
modified: "2018-05-03T17:25:36",
modified_gmt: "2018-05-03T17:25:36",
slug: "hello-world",
status: "publish",
type: "post",
title: {
rendered: "Hello world!"
},...etc
在我的app.component.html上，当我使用：
[ngModel]="data?.id"当我试图显示标题时，我的问题就出现了。
当我尝试的时候：
[ngModel]="data?.title.rendered"我明白了：[object Object]
但是当我使用的时候：
value="{{data?.title.rendered}}"它显示的是标题。
我怎样才能得到
要显示标题而不是[object Object]的[ngModel]="data?.title.rendered"？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-05 07:15:16
我做了这个stackblitz
在组件中：
export class AppComponent {
data = {
id: 1,
date: "2018-03-13T16:18:03",
date_gmt: "2018-03-13T16:18:03",
guid: {},
modified: "2018-05-03T17:25:36",
modified_gmt: "2018-05-03T17:25:36",
slug: "hello-world",
status: "publish",
type: "post",
title: {
rendered: "Hello world!"
}
}
myForm:FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
"title": ['', Validators.required]
});
}
}在html中：
<form [formGroup]="myForm" >
<input type="text" class="form-control m-input" formControlName="title" name="title" id="title-field" placeholder="Title" [(ngModel)]="data?.title.rendered">
</form> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50689534
复制相关文章
相似问题