Javascript AngularJS双向绑定数学运算_Javascript_Angularjs

Javascript AngularJS双向绑定数学运算

javascript angularjs

Javascript AngularJS双向绑定数学运算,javascript,angularjs,Javascript,Angularjs,我正在尝试构建一个货币转换器，比如说，使用AngularJS的双向数据绑定从欧元到美元，这样当输入的欧元金额改变时，目标美元金额也会改变这是我的。它使用与我键入的欧元金额相同的值填充美元金额字段： <!doctype html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script&g

我正在尝试构建一个货币转换器，比如说，使用AngularJS的双向数据绑定从欧元到美元，这样当输入的欧元金额改变时，目标美元金额也会改变

这是我的。它使用与我键入的欧元金额相同的值填充美元金额字段：

<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
<form action="/action_page.php">
<div ng-app>
  You pay (EUR):
  <input id="eur_amount" type="number" ng-model="eur_amount"><br>
  You get (USD):
  <input id="usd_amount" type="number" value="{{eur_amount}}"><br> <!-- {{eur_amount * 1.2 }}  -->
  <input type="submit" value="Submit">
</div>
</form> 
</body>
</html>

我可以使用{rate}}这是Blade的标记来显示$rate PHP变量。如何使用AngularJS'[[rate]]显示汇率

将汇率保持在范围变量中，并使用*运算符将其乘以

{{usd_amount * exchange_rate}}

您可以在value属性中使用{{eur_amount*1.2}}。或者，您可以将单独的ng模型指定给USD输入，并应用ng更改功能来更新USD ng模型

{{usd_amount * exchange_rate}}