| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Example - example-guide-concepts-3</title> |
| |
| |
| <script src="../../../angular.min.js"></script> |
| <script src="invoice3.js"></script> |
| <script src="finance3.js"></script> |
| |
| |
| |
| </head> |
| <body > |
| <div ng-app="invoice3" ng-controller="InvoiceController as invoice"> |
| <b>Invoice:</b> |
| <div> |
| Quantity: <input type="number" ng-model="invoice.qty" required > |
| </div> |
| <div> |
| Costs: <input type="number" ng-model="invoice.cost" required > |
| <select ng-model="invoice.inCurr"> |
| <option ng-repeat="c in invoice.currencies">{{c}}</option> |
| </select> |
| </div> |
| <div> |
| <b>Total:</b> |
| <span ng-repeat="c in invoice.currencies"> |
| {{invoice.total(c) | currency:c}} |
| </span> |
| <button class="btn" ng-click="invoice.pay()">Pay</button> |
| </div> |
| </div> |
| </body> |
| </html> |
