• AngularJS之表达式


    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、实现结果


  • 相关阅读:
    C 字符串
    C 函数指针、回调函数
    C 指针
    C 数组、枚举类型enum
    C 函数声明、函数参数
    C 内置函数
    C 流程控制
    C 储存类与运算符
    C变量和常量
    名词解释
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314094.html
Copyright © 2020-2023  润新知