AngularJS之表达式
发布时间:2020-12-17 10:01:41 所属栏目:安全 来源:网络整理
导读:1、问题背景 表达式分为: (1)直接计算的加减乘除 (2)利用变量实现的加减乘除 (3)字符串表达式 (4)对象表达式 (5)数组表达式 2、实现源码 !DOCTYPE htmlhtml ng-appheadmeta charset="UTF-8"titleAngularJS之表达式/titlescript src="http://apps.
1、问题背景 表达式分为: (1)直接计算的加减乘除 (2)利用变量实现的加减乘除 (3)字符串表达式 (4)对象表达式 (5)数组表达式 2、实现源码
<!DOCTYPE html> <html ng-app> <head> <meta charset="UTF-8"> <title>AngularJS之表达式</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> </script> </head> <body> <div> <input type="text" ng-init="count=20;price=30"/><br><br> <input type="text" ng-init="name='zhangsan';age=30"/><br><br> <input type="text" ng-init="student={name:'张思',sex:'女'}"/><br><br> <input type="text" ng-init="score=[78,89,90,96]"/><br><br> 总数:{{5+2}}<br><br> 总共:{{count*price}}<br><br> 人员:{{"姓名:"+name+"年龄:"+age}}<br><br> 姓名:<span ng-bind="student.name"></span><br><br> 性别:<span ng-bind="student.sex"></span><br><br> 分数:<span ng-bind="score[2]"></span><br><br> </div> </body> </html> 3、实现结果
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |