Estoy aprendiendo AngularJS y JavaScript, y siguiendo los ejemplos del libro que estoy usando, encuentro algo que me gustaría comprender.
Tengo un controlador que efectúa una de dos operaciones matemáticas, según el botón que se presione: sumar y multiplicar.
var controladorApp = angular.module('controladores', []);
controladorApp.controller('controladorConMetodos', function($scope){
$scope.valor1 = 0;
$scope.valor2 = 0;
$scope.sumar = function () {
$scope.resultado = $scope.valor1 + $scope.valor2;
};
$scope.multiplicar = function() {
$scope.resultado = $scope.valor1 * $scope.valor2;
}
});
En la página web, simplemente llamo a cada método con su propio botón y muestro el resultado una línea después. Los campos input
son los mismos para ambos métodos.
<div class="" ng-controller="controladorConMetodos">
<input type="text" ng-model='valor1'>
<input type="text" ng-model='valor2'>
<button type="button" name="sumar" ng-click="sumar()">Sumar</button>
<button type="button" name="multiplicar" ng-click='multiplicar()'>Multiplicar</button>
<hr>
<p>{{ resultado }}</p>
</div>
Este es mi problema: cuando uso el método multiplicar()
, el resultado es correcto. Sin embargo, cuando llamo al método sumar()
los valores se concatenan y no se suman.
Supongo que tengo que hacer un cast, pero me gustaría saber por qué (y cómo). En el libro Manual del Guerrero no mencionan esta situación, por lo que supongo que está relacionada a mi versión de AngularJS, la
1.4.9
, frente a la1.3.2
usada en el libro.