使用按钮

时间:2015-05-24 00:30:32

标签: javascript angularjs firebase

好的,我在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。

2 个答案:

答案 0 :(得分:1)

应该非常简单:

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

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

答案 1 :(得分:1)

在您的函数中,只需将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
      }
  }