小编Lio*_*its的帖子

Angular2 - 将ui绑定到可观察的属性

我正在使用Angular 2 wit rxjs observable.我创建了这个界面:

interface IGame {
    name: string;
    description: string;
}
Run Code Online (Sandbox Code Playgroud)

我正在使用它作为一个observable并将其作为输入传递给ui:

@Input() public game: Observable<IGame>;
Run Code Online (Sandbox Code Playgroud)

问题是当在UI中绑定整个对象时,我可以看到它的值被打印并显示:

 <h3>{{game | json}}</h3>
Run Code Online (Sandbox Code Playgroud)

虽然在屏幕上使用绑定特定属性(当然是游戏的一部分) - 只是一个空字符串:

 <h3>{{game.name}}</h3>
 <h3>{{game.description}}</h3>
Run Code Online (Sandbox Code Playgroud)

它有可能吗?我应该将名称和描述作为不同的输入传递吗?

asynchronous observable rxjs angular

39
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

asynchronous ×1

observable ×1

rxjs ×1