AngularJS实现的生成随机数与猜数字大小功能示例

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net Angular猜数/title style * { margin : 0；padd : 0；font-size : 30px}输入{宽度： 500像素高度： 50pxfont-size : 30px}按钮{ width: 80px高度： 50px边框： 0；文本对齐：中心；线高： 50px背景：深蓝色；color: # fff左边距left: 5px}/style脚本src=' http : angular/angular。js '/script脚本var myapp=angular。模块(' myapp '，[])；myapp.controller('myCtrl '，函数($ scope){ $ scope。check=function(){控制台。日志($ scope)。随机)；$ scope。不同的=$ scope。猜猜-$ scope。随机的；$ scope . num }；$ scope。reset=function(){ $ scope。不同=null$ scope.guess=null$ scope。num=0；$ scope。随机=数学。天花板(数学。random()* 10)；};$ scope。reset()；})/脚本/头体ng-app=' myapp ' ng-controller=' myCtrl ' H2请输入一个1-10的整数/H2输入类型='文本' ng-model='猜测'按钮ng-click=' check()'检查/buttonbutton ng-click='reset()'重置/buttonp ng-if='differ0 '猜大了/pp ng-if='differ0 '猜小了/PP ng-if=' differential==0 '猜对了/pp一共猜了span ng-bind='num'/span次/p/body/html运行效果：

PS:这里再为大家提供几款相关在线工具供大家参考：

在线随机数字/字符串生成工具：http://工具。JB 51。net/aidd design/suijishu

在线随机字符/随机密码生成工具：http://工具。JB 51。net/aidesign/rnd _ password

高强度密码生成器：http://工具。JB 51。net/password/CreateStrongPassword

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。