使用按钮

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

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

我已经想出了如何使用输入键盘输入，但不是很友好。

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

如何将输入更改为按钮？点击时，将整数乘以1。

Answer 1

应该非常简单：

<input type="button" ng-click="product.likes += 1; products.$save(product);"/>

注意：我建议您将其解压缩为函数

Answer 2

在您的函数中，只需将product.likes递增1并将产品对象发布回数据库

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