Angular 5 - 双向数据绑定无法正常工作

Question

我没有得到它...我想在我的服务上做一个获取请求，它为我提供了扫描条形码的特定硬件 - 这已经有效了。

我将正确的硬件作为对象返回，看起来像这样 - ＆gt;

但是如果我现在要显示这个对象，我的前端只会得到[object Object]。

component.html

{{ terminal }}

component.ts

terminal: any[] = [];

constructor(private terminalService: TerminalService) { }

this.terminalService.getTerminalByBarcode(barcode).subscribe(terminal => {
   console.log(terminal.terminal);
   this.terminal = terminal.terminal;
});

我已经尝试使用terminal: Object;，但这并没有改变任何事情。希望有人可以告诉我，我在哪里错误地认为双向数据绑定？

Answer 1

如果terminal.terminal是一个对象，则{{ terminal }}的输出可以[object Object]，因为它会在该对象上调用toString。

要查看terminal您可以使用json管道

的结构

{{ terminal | json }}

Answer 2

这是因为在你的视图中你试图输出实际的对象.toString。

您需要输出对象属性，如下所示：

ServiceUserService