tengo un botón que lo que hace es sumar un valor al darle click lo realiza con el método ng-click de AngularJS (Angular 1).
1.Este es el Código del Controller js.
$scope.marcadorcasa = 0;
$scope.sumamarcador = function(partidoid){
$scope.marcadorcasa = $scope.marcadorcasa +1;
};
$scope.restamarcador = function(partidoid){
if($scope.marcadorcasa>0){
$scope.marcadorcasa = $scope.marcadorcasa -1;
}
};
Esta es mi vista.
<div class="col-sm-5 back_marcador spd spi input-group"> <input type="text" id="form_@{{ $index }}" ng-model="marcadorcasa" min="0" step="1"> <span class="input-group-btn btn_menos"> <button class="btn btn-default" ng-click="restamarcador()"></button> </span> <span class="input-group-btn btn_mas" > <button class="btn btn-default" ng-click="sumamarcador()"></button> </span> </div>
MI problema es que Cuando hago click para sumar el marcador(el valor del input) se suma en cada uno de los input que tengo por el ng-repeat. mi duda es como lograr que el model sea dinámico prove con
$index
pero no logro resolverlo de esa manera.El repeat se ejecuta en el array que me trae esta API
$http.get('/api/v1/partidoshoy') .success(function(partidoshoy){ $scope.partidoshoy = partidoshoy.datos; $scope.cargador = ! $scope.cargador; }).error(function(error){ $scope.error = error; })
En mi vista el
repeat
se ejecuta de esta manera. El primerrepeat
lo que hace es cargar la ligas y ordenar partido por liga. Y en el segundorepeat
se ejecuta la carga de partido por liga osea que si en una liga hay 5 partidos se cargar esos partidos de esa liga y si hay partidos de otra liga aparecerán abajo. no aparecen partidos mezclados por liga.<div class="caja_liga" ng-repeat="partidohoy in partidoshoy" ng-if="partidohoy.partido_hoy!=''"> <div class="caja_partido spd spi" ng-repeat="partido in partidohoy.partido_hoy"> <div class="col-sm-5 back_marcador spd spi input-group"> <input type="text" id="form_@{{ $index }}" ng-model="marcadorcasa" min="0" step="1"> <span class="input-group-btn btn_menos"> <button class="btn btn-default" ng-click="restamarcador()"> </button> </span> <span class="input-group-btn btn_mas" > <button class="btn btn-default" ng-click="sumamarcador()"> </button> </span> </div> </div> </div>
ng-repeat
? Sobre que iteras? Si necesitas unmarcadorcasa
por cada iteración, necesitarías tener una lista de marcadores, cosa que no veo. Puedes añadir donde se hace elng-repeat
y si es posible donde se carga la lista/array por la/el que iteras?