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;
};