如何顯示在角度/ typescript UI處從后端收到的Java地圖數據？

Question

我有下面這樣的多行（key1，key2），它們來自后端的一個可變的'detailsMap：any'，需要在UI上顯示。 請在Typscript / angular2中提出建議

key1：{名稱：'ABC'，地址：'JKL street 123'，電話：'012345678'}

key2：{名稱：'QER'，地址：'STR street 123'，電話：'888888888'}

需要在固定的靜態模板中顯示為以下內容/訪問。 雖然下面的示例不起作用。 獲取錯誤為'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>

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”數組。