title: ng-repeat showing multiple buttons
body: <p>I am using ng-repeat like this, where product is an object I am getting from backend, but the problem is that instead of single update,delete button to be shown in one row, it is showing 5-6 rows. I know the spacing is not proper but right now i am focused only on the functionality of the button</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{ 
    "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" 
         } 
      ] 
    } 
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
      &lt;tr ng-repeat="obj in product"&gt;
          &lt;td&gt;{{obj.data.result.id}}&lt;/td&gt;
          &lt;td&gt;{{obj.data.result.name}}&lt;/td&gt;
          &lt;td&gt;&lt;button ng-click="update()"&gt;Update&lt;/button&gt;&lt;/td&gt;
          &lt;td&gt;&lt;button ng-click="delete()"&gt;Delete&lt;/button&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><img src="https://i.stack.imgur.com/EgiO7.png" alt="image"></p>