如何在angular / typescript UI中显示从后端接收的java地图数据？

Question

我有多行（key1，key2）来自后面的可变区＆＃39; detailsMap：any＆＃39; ，需要在UI上显示。请建议如何在Typscript / angular2

中做

  

key1：{姓名：＆＃39; ABC＆＃39; ，地址：＆＃39; JKL street 123＆＃39;，电话：＆＃39; 012345678＆＃39; }

     

key2：{姓名：＆＃39; QER＆＃39; ，地址：＆＃39; STR street 123＆＃39;，电话：＆＃39; 888888888＆＃39; }

需要在固定的静态模板中显示如下所示的内容/访问权限。虽然以下样本不起作用。收到错误 ＆＃39; Test.html：7错误类型错误：无法读取属性＆＃39; key1＆＃39;未定义的

    <div >
        <div >{{
        detailsMap['key1'].Name}}</div>
        <div >{{
        detailsMap['key1'].address}}</div>
    </div>
    <div >
        <div >{{
        detailsMap['key2'].Name}}</div>
        <div >{{
        detailsMap['key2'].address}}</div>
    </div>

Answer 1

您必须首先使用对象Mapper将java地图数据转换为json对象数组，然后将数据发送到angular。然后，您可以简单地遍历从服务器接收的json对象数组，并在UI中显示它。

<div *ngFor="let item of items">
    <div> item.name </div>
    <div> item.address </div>
</div>

Answer 2

问题已解决，因为错误导致数组'detailsMap'对模板不可见。