snapjay / ngCart

Really simple shopping cart for AngularJS
http://ngcart.snapjay.com
380 stars 236 forks source link

addItem() does not fire #102

Open lrkwz opened 6 years ago

lrkwz commented 6 years ago

I've an angular 1.6.x application

<ngcart-addtocart id="{{ pc.product.id }}" name="{{ pc.product.name }}" price="{{ 10 }}" quantity="{{pc.product.minOrder}}" quantity-max="30" data="pc.product">
    <span data-translate="ADD_TO_CART" />
 </ngcart-addtocart>

renders to:

<ngcart-addtocart id="32800" name="SFIGMO A COLONNA GREEN - senza mercurio" price="10" quantity="1" quantity-max="30" data="pc.product" class="ng-isolate-scope"><div ng-hide="attrs.id" aria-hidden="true" class="ng-hide" style="">
    <a class="btn btn-lg btn-primary" ng-disabled="true" ng-transclude="" disabled="disabled">
                    <span data-translate="ADD_TO_CART" class="ng-scope">Aggiungi al carrello</span>
                </a>

</div>
<div ng-show="attrs.id" aria-hidden="false" class="" style="">
    <div class="ng-binding">
        <span ng-show="quantityMax" aria-hidden="false">
            <select name="quantity" id="quantity" ng-model="q" ng-options=" v for v in qtyOpt" class="ng-pristine ng-untouched ng-valid" aria-invalid="false"><option value="?" selected="selected"></option><option label="1" value="number:1">1</option><option label="2" value="number:2">2</option><option label="3" value="number:3">3</option><option label="4" value="number:4">4</option><option label="5" value="number:5">5</option><option label="6" value="number:6">6</option><option label="7" value="number:7">7</option><option label="8" value="number:8">8</option><option label="9" value="number:9">9</option><option label="10" value="number:10">10</option><option label="11" value="number:11">11</option><option label="12" value="number:12">12</option><option label="13" value="number:13">13</option><option label="14" value="number:14">14</option><option label="15" value="number:15">15</option><option label="16" value="number:16">16</option><option label="17" value="number:17">17</option><option label="18" value="number:18">18</option><option label="19" value="number:19">19</option><option label="20" value="number:20">20</option><option label="21" value="number:21">21</option><option label="22" value="number:22">22</option><option label="23" value="number:23">23</option><option label="24" value="number:24">24</option><option label="25" value="number:25">25</option><option label="26" value="number:26">26</option><option label="27" value="number:27">27</option><option label="28" value="number:28">28</option><option label="29" value="number:29">29</option><option label="30" value="number:30">30</option></select>
        </span>
        <a class="btn btn-sm btn-primary" ng-click="ngCart.addItem(id, name, price, q, data)" ng-transclude="">
                    <span data-translate="ADD_TO_CART" class="ng-scope">Aggiungi al carrello</span>
                </a>
    </div>
    <mark ng-show="inCart()" aria-hidden="true" class="ng-hide">
        This item is in your cart. <a ng-click="ngCart.removeItemById(id)" style="cursor: pointer;">Remove</a>
    </mark>
</div>
</ngcart-addtocart>

but clicking on the add button does not fire anything (not even an error :( )