Làm nút tăng giảm số lượng với Angular

Cách nút tăng giảm số lượng với Angular

Cách nút tăng giảm số lượng với Angular

Tạo giao diện html



<div class="row"  ng-repeat="x in sanpham_loc" >

<div class="input-group input-number">

    <div class="input-group-append">

        <button  style="font-size:2em;" type="button" class="btn btn-warning btThayDoiSL"  ng-click="TangGiam(x,-1,$event)">-</button>

    </div>

    <input  style="font-size:2em;width:60px;" type="text" class='txtSoLuong_Chon  form-control' ng-model="x.SL"   >

    <div class="input-group-append">

        <button  style="font-size:2em;" type="button" class="btn btn-danger btThayDoiSL "  ng-click="TangGiam(x,1,$event)" >+</button>

    </div>

</div>

</div> <!-- row -->

// sanpham_loc đối tượng array Json
// ng-click="TangGiam(x,-1,$event)
// với x là đối tượng JSON khi for
// x.SL , x._SYS_KEY

Code JS



     $scope.TangGiam = function (objJS,tg,ev) {

        //var html_ev =angular.element(ev.target); // chuyển thành DOM

        //alert(  html_ev.parent().parent().parent().parent().parent().html());

        objJS.SL= objJS.SL+tg;

     };  //TangGiam

* Sau khi chạy hàm TangGiam thì giá trị Json sanpham_loc - cột SL thay đổi theo.
Ta có thể post theo dạng query để lưu dữ liệu

Cách nút tăng giảm số lượng với Angular