本文介绍了一个使用AngularJS实现的简单发票计算器示例。该示例包含一个输入表单，允许用户输入数量和单价，然后自动计算总价。通过AngularJS的双向数据绑定特性，实现了输入即反馈的效果。
<!doctype html>
<html ng-app> <head> <script src="http://code.angularjs.org/angular-1.1.0.min.js"></script> <script src="script.js"></script> </head> <body> <div ng-controller="InvoiceCntl"> <b>Invoice:</b> <br> <br> <table> <tr><td>Quantity</td><td>Cost</td></tr> <tr> <td><input type="integer" min="0" ng-model="qty" required ></td> <td><input type="number" ng-model="cost" required ></td> </tr> </table> <hr> <b>Total:</b> {{qty * cost | currency}} </div> </body></html> script.js: function InvoiceCntl($scope) { $scope.qty = 1; $scope.cost = 19.95;} end-to-end
转载于:https://blog.51cto.com/4254002/2044627
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
