javascript - AngularJS 单项更新按钮

Question

好的，我在 Firebase 中有一个产品数组

products
 -JpzIlrpRfXzx5HbZMw_
    description: 'The description to the product'
    image: 'The link to the product image'
    likes: '0' 
    price: '15'
    title: 'The product title

我想为每个产品添加一个“喜欢”按钮。每次单击按钮时，都需要将上面的内容加一。

我已经弄清楚如何通过输入类似内容来完成此操作，但这不是很友好。

<input type="text" ng-model="product.likes" ng-change="products.$save(product)"/>

我将如何更改按钮的输入？单击时，会将整数等乘积增加 1。

Answer 1

在您的函数中，只需将 product.likes 加一，然后将产品对象发布回数据库

DEMO

<button type="button" ng-click="products.$save(product)">Save </button>
<p>{{product.likes}}</p>

JS:

$scope.products = {
      $save : function(product) {
          product.likes += 1;
          //post your product
      }
  }