angularjs - अंगुलुज चर को अद्यतन नहीं कर रहे हैं




data-binding angularjs-scope (2)

मैं आकस्मिक बटनों की आवश्यकता के बिना सीधे गणना के उत्तर को प्रदर्शित / अपडेट करना चाहता हूं। या परिवर्तनों को लागू करने के लिए मुझे फ़ंक्शन और बटन की आवश्यकता है?

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

नियंत्रक:

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

$scope.square = $scope.A_Number * $scope.A_Number; 
}); 
</script>

एक विधि के रूप में square बनाएं और उस विधि को प्रक्षेप निर्देश में उपयोग करें, ताकि प्रत्येक डाइजेस्ट पर मूल्यांकन किया जा सके।

मार्कअप

square: {{square()}} 

कोड

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

एक ही नंबर प्राप्त करने के लिए A_Number पर घड़ी जोड़ें। संदर्भ के लिए JSFiddle - 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;
      }
    }
  });
});




angularjs-bindings