我的 address.component.ts 中有一个对象,如下所示:
address : any;
这是从后端填充到地址中的数据
{street1: "abc"
city: "some state"
country: "some country"
}
我在调用服务后获取此数据。
我的模板文件如下:
<h1>{{address}}</h1>
在浏览器上显示如下:
[Object object]
我想显示整个地址对象,而不是这个。我知道我能做到
<h1>{{address.street1}}</h1>
<h1>{{address.state}}</h1>
<h1>{{address.country}}</h1>
但我不想这样做,因为后端可能会更改地址中的字段(例如添加一个字段)。有什么方法可以在浏览器上显示 address
对象中的所有数据,而不是仅显示 [Object object]
。
最佳答案
使用
<h1 ng-repeat="(key, value) in address">{{value}}</h1>
ng-repeat
根据元素中的条件重复元素。
更多信息请参见ng-repeat documentation .
关于javascript - 解析 Angular 组件模板文件中的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48446109/