显示单个Observable,而不是数组

时间:2018-05-14 06:56:56

标签: angular typescript angular5

我在网上搜索,没有问题,找到如何显示Observable<MyModel[]>。但我不知道如何在表单中显示Observable<MyModel>

我想显示firstName值,我试过这个:

{{ myModel.firstName | async }} 

我想尝试使用它(双向):

<input type="text" [(value)]="myModel.firstName">

我收到了这个错误: 无法读取属性&#39; firstName&#39;在Object.eval [作为updateRenderer]

的未定义

谢谢,

2 个答案:

答案 0 :(得分:3)

因为你必须这样写:

 {{ (myModel | async).firstName }}

使用您的语法,Angular认为firstName是一个可观察的,而它是一个字符串。

答案 1 :(得分:0)

你应该使用带输入的ngModel作为

<input type="text" [ngModel]="myModel?.firstName">

或插值为,

 {{ (myModel | async).firstName }}