//El código HTML
<div ng-app="acumuladorApp" ng-controller="acumuladorAppCtrl">
<h1>Acumulador</h1>
<h2>Control de operación:</h2>
¿Cuánto? <input type="text" ng-model="cuanto" size="4" />
<br />
<input type="button" value="+" ng-click="sumar()"/>
<input type="button" value="-" ng-click="restar()"/>
<h2>Totales:</h2>
En el acumulador llevamos <span>{{total}}</span>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.min.js"></script>
</div>
//El código Javascript
var acumuladorApp = angular.module('acumuladorApp', []);
acumuladorApp.controller("acumuladorAppCtrl", ["$scope", function($scope){
//esta función es mi controlador
//var $scope = this;
$scope.total = 0;
$scope.cuanto = 0;
$scope.sumar = function(){
$scope.total += parseInt($scope.cuanto);
}
$scope.restar = function(){
$scope.total -= parseInt($scope.cuanto);
}
}]);
Comentarios
Publicar un comentario