[英]How to display java map data received from backend at angular /typescript UI?
I have multiple rows as such (key1,key2) below coming from backend in a varaible 'detailsMap : any' ,which need to display at UI. 我有下面这样的多行(key1,key2),它们来自后端的一个可变的'detailsMap:any',需要在UI上显示。 Please suggest how can do in Typscript/angular2
请在Typscript / angular2中提出建议
key1 : { Name:'ABC' , address :'JKL street 123', phone:'012345678' }
key1:{名称:'ABC',地址:'JKL street 123',电话:'012345678'}
key2 : { Name:'QER' , address :'STR street 123', phone:'888888888' }
key2:{名称:'QER',地址:'STR street 123',电话:'888888888'}
Need to show as something/access like below in a fixed static template. 需要在固定的静态模板中显示为以下内容/访问。 Though below sample is not working.
虽然下面的示例不起作用。 Get error as 'Test.html:7 ERROR TypeError: Cannot read property 'key1' of undefined
获取错误为'Test.html:7错误TypeError:无法读取未定义的属性'key1'
<div >
<div >{{
detailsMap['key1'].Name}}</div>
<div >{{
detailsMap['key1'].address}}</div>
</div>
<div >
<div >{{
detailsMap['key2'].Name}}</div>
<div >{{
detailsMap['key2'].address}}</div>
</div>
You will have to first convert the java map data to array of json object using object Mapper and then send the data to angular. 您将必须首先使用对象Mapper将Java地图数据转换为json对象数组,然后将数据发送到angular。 Then you can simply loop over array of json object received from server and display it in UI.
然后,您可以简单地循环从服务器接收的json对象的数组,并将其显示在UI中。
<div *ngFor="let item of items">
<div> item.name </div>
<div> item.address </div>
</div>
问题已解决,因为错误,模板无法看到“ detailsMap”数组。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.