如何使用angularjs在每列中使用表显示两列中的json数据

时间:2017-08-20 07:06:22

标签: angularjs json angularjs-ng-repeat

我的json中的数据是动态的,我希望在一个包含两列的表中显示数据,每列包含一个表。

This is my json: var data = {"a": "1", "b": "2", "c":3, "d": "4", "e": "5"}

我的HTML代码。

<table>
   <tr>
     <td>
        <table>
           <tr>
              <td>a</td>
              <td>1</td>
           </tr>
        </table>   
     </td>
     <td>
        <table>
           <tr>
              <td>b</td>
              <td>2</td>
           </tr>
        </table>   
     </td>
   </tr>
   <tr>
     <td>
        <table>
           <tr>
              <td>c</td>
              <td>3</td>
           </tr>
        </table>   
     </td>
     <td>
        <table>
           <tr>
              <td>d</td>
              <td>4</td>
           </tr>
        </table>   
     </td>
   </tr>
   <tr>
     <td>
        <table>
           <tr>
              <td>e</td>
              <td>5</td>
           </tr>
        </table>   
     </td>         
   </tr>
</table>

我想使用ng-repeat动态地在angularjs中。我该怎么做呢? 我希望它显示如下。

a  1   b 2
c  3   d 4
e  5

我试过但不能分成两列。这是我的代码。

<table>
  <tr ng-repeat=" (key, value) in data track by index">
    <td>
        <table>
            <tr>
                <th>{{key}}</th>
                <td>{{value}}</td>
            </tr>
        </table>
    </td>
  <tr>
</table>

0 个答案:

没有答案