Question

我有来自json数据的数组，结构是这样的：

connectionPoints:Array(2)
0:
 id:"717cd12b-6ab3-49cf-ac7e-0a2b8db34715"
 position:{x: 1.1094055, y: -1.6641006, z: 0}
 system:null
 type:"Link1"

1:
 id:"23de5r51-6ab3-49cf-ac7e-0a2b8db34715"
 position:{x: 1.2314055, y: -1.1141006, z: 0}
 system:null
 type:"Link2"

我从div创建表并在html中输入以显示数据：

<div class="Table">
    <div class="Table-header">
        <div class="xyz-style">X</div>
        <div class="xyz-style">Y</div>
        <div class="xyz-style">Z</div>
    </div>
    <div class="Table-row ">    
        <input type="text" value={{conPoint.position.x}}/>
        <input type="text" value={{conPoint.position.y}}/>
        <input type="text" value={{conPoint.position.z}}/>
    </div>
    <div class="flex50v2">
        <label class="label-prop">Type</label>
        <div style="width:50%">
        <input class="input-prop" type="text" value={{conPoint.type}}/>
        </div>
    </div>
    <div class="flex50v2">
        <label class="label-prop">System</label>
        <div style="width:50%">
        <input class="input-prop" type="text" value={{conPoint.system}}/>
        </div>
    </div>  
</div>

conPoint正在获取第一个代码中的数据数组。

我的问题是如何为此数组中的每个连接点生成完整的表，并为每个创建的连接点获取x，y，z位置。

我知道如果我在表中得到ngFor它将在数组中多次生成它，但我有问题因为我在x，y，z上得到错误...代码中是否有任何修复或更正？谢谢

ng从json数组

0 个答案: