我有一个名为"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"
?
发布于 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>
https://stackoverflow.com/questions/50689534
复制相似问题