AngularJS计算器实现

来源:互联网 发布:越南语离线翻译软件 编辑:程序博客网 时间:2024/06/06 06:47
<!DOCTYPE html><html><head ><meta charset=utf-8><meta name=description content=""><meta name=viewport content="width=device-width, initial-scale=1"><script src="../js/angular.min.js"></script><title></title></head><body><div ng-app="" ng-init="quantity=1;price=5"> <h2>价格计算器</h2> 数量: <input type="number"    ng-model="quantity">价格: <input type="number" ng-model="price"> <p><b>总价:</b> {{ quantity + price }}</p> <input type="number"  ng-model="quantity+price"> </input></div></body></html>
在学习AngularJS 时发现 <input type="number"/> 中可以上调下调数值,并不能输入与数值无关的变量 以前一直用的type=text,哎,真是见识短啊!!!