ng-repeat显示多个按钮

Question

我正在使用像这样的ng-repeat，其中product是我从后端获得的对象，但问题是，不是单个更新，删除按钮显示在一行中，它显示5-6行。我知道间距不合适，但现在我只专注于按钮的功能

＆＃13;

＆＃13;

{ 
  "code": 200, 
  "message": "Products retreived successfully", 
  "params": null, 
  "data": { 
    "controller": "ProductController", 
    "method": "view_all_product", 
    "result": [ 
      { 
        "id": 1, 
        "name": "abc", 
        "description": "def", 
        "price": 12, 
        "image": "qw", 
        "tags": "er", 
        "partner_id": "2" 
       } 
    ] 
  } 
}

＆＃13;

<table>
    <tr ng-repeat="obj in product">
        <td>{{obj.data.result.id}}</td>
        <td>{{obj.data.result.name}}</td>
        <td><button ng-click="update()">Update</button></td>
        <td><button ng-click="delete()">Delete</button></td>
    </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

传递给ngRepeat指令的对象有6个属性，因此您将获得6行。这就是ngRepeat的工作原理。如果您只想为result数组中的每个对象重复一次，那么这应该是您传递给ngRepaet的内容：

<table>
    <tr ng-repeat="obj in product.data.result">
        <td>{{obj.id}}</td>
        <td>{{obj.name}}</td>
        <td><button ng-click="update()">Update</button></td>
        <td><button ng-click="delete()">Delete</button></td>
    </tr>
</table>