Question

我是ngprime的新手，面对下面的问题。我得到2个json一个用于第一列的标签，第二个json用于第二和第三列的数据。第二列和第三列的数据需要在json 1的id上显示基础。例如。 json one的id为firstName，displayname为Firstname。我需要从json中引用id并在json 2中搜索相同的id并在第2列和第3列中显示值。

我想使用ngPrime p-table实现这一点，甚至无法启动。下面是要使用的json和要实现的输出。

我试着搜索类似的问题并没有帮助我。请帮我举个例子

＆＃13;

var json1 = [
  {id:'firstName', displayname:'First Name'},
   {id:'lastName', displayname:'Last Name'},
    {id:'age', displayname:'Age'},
     {id:'city', displayname:'City'},
      {id:'state', displayname:'State'}
      ];
      
var json2 = [
    {'firstName':'abc', 'age': 23, 'state':'MH', 'lastName': 'sharma', 'city': 'Mumbai'},
    {'firstName':'xyz', 'age': 35, 'state':'TL', 'lastName': 'Verma', 'city': 'Hyderabad'}
];

＆＃13;

<!-- Need output as below using ngPrime <p-table><p-table> -->


<table border="1">
  <thead>
    <tr>
      <th>Description</th>
      <th>Record 1</th>
      <th>Record 1</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>First Name</td>
      <td>abc</td>
      <td>xyz</td>
    </tr>
    <tr>
      <td>Last Name</td>
      <td>sharma</td>
      <td>verma</td>
    </tr>
    <tr>
      <td>Age</td>
      <td>23</td>
      <td>35</td>
    </tr>
    <tr>
      <td>City</td>
      <td>Mumbai</td>
      <td>Hyderabad</td>
    </tr>
    <tr>
      <td>State</td>
      <td>MH</td>
      <td>TL</td>
    </tr>
  </tbody>

</table>

＆＃13;

角度ngprime表使用2 json

0 个答案: