双方向データバインディングが私のために機能しない

Question

htmlファイルでは、入力フィールドの値が更新されました。 $ scopeを使うと、初めて入力フィールドを割り当てることができます。しかし、htlmの入力フィールドを変更すると、入力フィールドの値は変更されますが、jsではコンソールログ値は変更されません。私はjs function.Andで私はlaravelフレームワークを使用して、更新された値を取得したい。実際には動作します。しかし私のプロジェクトはうまくいかない。ありがとうございました。

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

そして、私のjs

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ファイル結合非オブジェクト変数に問題が、次のように入力を結合しようとしています

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