2-Wege-Datenbindung funktioniert nicht für mich

Question

In HTML-Datei der Wert des Eingabefeldes aktualisiert. Und mit $ scope kann ich zum ersten Mal ein Eingabefeld zuweisen. Aber wenn ich Eingabefeld in HTLM änderte, wird Eingabefeld Wert geändert, aber in js, Konsolenprotokoll Wert nicht geändert. Ich möchte den aktualisierten Wert in js Funktion erhalten. Und ich benutze Laravel-Framework. In der Praxis funktioniert es. Aber mein Projekt funktioniert nicht. Vielen Dank.

index.html

<div class="form-group"> 
<div class="col-sm-12"> 
    <input type="text" class="form-control" 
      id="send_amount" 
      name="send_amount" 
      ng-model="send_amount" 
      ng-keyup="calculateReceivedAmount()" required> 
</div> 
@{{ send_amount }} 

Und meine JS-Datei

var exchange = angular.module('app', []); 
exchange.controller('MoneyExchangeController', MoneyExchangeController); 
function MoneyExchangeController($scope, $http) { 
    $scope.send_amount = 100; 
    $scope.calculateReceivedAmount = function() { 
     console.log($scope.send_amount); 
    } 
} 

Answer 1

AngularJS Probleme mit der Bindung nicht-Objektvariablen hat, versuchen verbindlich Ihre Eingabe wie folgt:

index.html

<input type="text" 
     class="form-control" 
     id="send_amount" 
     name="send_amount" 
     ng-model="send_amount.value" 
     ng-keyup="calculateReceivedAmount()" 
     required /> 

app.js

var exchange = angular.module('app', []); 
exchange.controller('MoneyExchangeController', MoneyExchangeController); 
function MoneyExchangeController($scope, $http) { 
    $scope.send_amount = { 
     value: 100 
    }; 
    $scope.calculateReceivedAmount = function() { 
     console.log($scope.send_amount.value); 
    }; 
}