Увеличение значения текстового поля при нажатии на соответствующую кнопку в той же строке ionic

I am a newbie to ionic and angular. Я создал форму с ng-repeat, как показано на рисунке. У меня есть текстовое поле и кнопка для каждого текстового поля. Я хочу увеличить значение текстового поля, нажав на соответствующую кнопку рядом с текстовым полем.

<ion-list id="allitems" ng-repeat="item in items track by $index">
<ion-item>
<form id="form1">
<div class="row">
<input type="text" id="nos_{{ $index }}"  name="nos_{{ $index }}" ng-model="data.myitem.nos" > 
<button class="button button-assertive button-small button-outline icon ion-ios-minus" id="allitems-button10" ng-click="increment_nos($index)">        
</button>
</div>
</form>
</ion-item>
</ion-list>

Моя функция регулятора следующим образом

.controller('allitemsctrl', ['$scope', '$stateParams', '$location', '$timeout','$window', 
function ($scope, $stateParams, $location, $timeout,$window) {   
$scope.items = [{'id': '1', 'item_name': 'abc'}, {'id': '2', 'item_name': 'xyz'}, {'id': '3','item_name': 'pqr'}];
var data = {};
$scope.data = {};             
$scope.increment_nos = function (index) {
//I want to increase value of nos while click on corresponding button near nos textbox                    
}             
}])

1 ответ

  1. Сначала необходимо связать отдельное значение с каждым текстовым полем

    ng-model="items[$index].nos"
    

    и после этого в контроллере увеличьте это значение, как это:

    $scope.increment_nos = function (index) {
        items[index].nos = items[index].nos + 1;
    }
    

    но Сначала установите начальные значения nosв 0