如何以角度js

时间:2016-11-02 11:31:45

标签: angularjs

我是角度js的新手。我想在不同的tr中迭代下面的json。目前我通过使用ng-repeat获取单行数据。我可以通过它来设置不同行中的数据

{
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
}

Required Output:
<tr>
 <td>Emp id</td>
  <td>Emp id</td>
</tr>
<tr>
 <td>Project</td>
  <td>wewe2012</td>
</tr>
<tr>
 <td>date</td>
  <td>2013-02-26/td>
</tr>
<tr>
 <td>description</td>
  <td>ewew</td>
</tr>

1 个答案:

答案 0 :(得分:0)

您不需要使用ng-repeat,因为您没有迭代对象文字结构。只要您的视图绑定到控制器,就可以执行以下操作。出于本示例的目的,我假设您的对象名为exampleObject

注意:如果您的对象文字是一个结构数组,您可以使用ng-repeat并迭代该对象以生成视图,但在这种情况下,它不是必需的。

有一篇帖子here解释如何迭代一个对象来创建一个表。

<强>对象

var exampleObject = {
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
}

查看

<tr>
 <td>Emp id</td>
  <td>{{exampleObject.id}}</td>
</tr>
<tr>
 <td>Project</td>
  <td>{{exampleObject.project}}</td>
</tr>
<tr>
 <td>date</td>
  <td>{{exampleObject.date}}/td>
</tr>
<tr>
 <td>description</td>
  <td>{{exampleObject.description}}/td>
</tr>