angularjs - example - select ngmodel angular

Angularjs no actualiza variables

Question

Quiero mostrar / actualizar la respuesta de cálculo directamente sin la necesidad de botones adicionales. ¿O necesito una función y un botón para aplicar los cambios?

<div ng-app="myApp" ng-controller="myCtrl">
A_Number: <input type="number" step="1" ng-model="A_Number"><br>
Display (A_Number): {{A_Number}}
<br>
square: {{square}}
</div>

controlador:

<script>
var app = angular.module(''myApp'', []);
app.controller(''myCtrl'', function($scope) {
$scope.square = $scope.A_Number * $scope.A_Number;
});
</script>

Answer 1

Añadir reloj en A_Number para lograr lo mismo. JSFiddle para referencia - https://jsfiddle.net/9a2xz61y/3/

var app = angular.module(''myApp'', []);
app.controller(''myCtrl'', function($scope) {
$scope.square = 0;
$scope.$watch(''A_Number'', function(newValue, oldValue) {
{
if (!isNaN(newValue)) {
$scope.square = $scope.A_Number * $scope.A_Number;
}
}
});
});

Answer 2

Haga que el square sea ​​un método y utilice ese método en la directiva de interpolación, de modo que se evalúe en cada resumen.

Margen

square: {{square()}} 

Código

$scope.square = function(){
//made error free
if(!isNaN($scope.A_Number))
return $scope.A_Number * $scope.A_Number;
return 0;
};