ng-重复显示多个按钮

Question

我使用ng-重复，这里的产品是我从后端获得的对象，但问题是，删除按钮不是单个更新，而是显示在一行中，它显示的是5-6行。我知道间距不合适，但现在我只关注按钮的功能。

​

{ 
  "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" 
       } 
    ] 
  } 
}

<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>

​

​

​

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>