angularJs的表达式使用

day4125
90 阅读1分钟 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		</style>
	</head>
	<!-- 表达式
		undefined, Infinity, NaN, null解析为空串: "", 不显示任何效果
	 -->
	<body ng-app="myApp">
		<div ng-controller="z1" ng-init="address='天津市';
		 tel='13800000000'; p={xh:13,zwh:'15号'};arr=['哈哈', true, 23]">
			<!-- 如果直接在表达式中写abc,angularJS会认为abc是一个变量名，
			 如果这个变量又没有被定义初始化过，就没有显示
			 如果想显示某个字符串字面量需要加引号-->
			<p>{{"abctt"}}</p>
			<p>{{NaN}}</p>
			<!-- 加好两边只要有一边为字符串则做拼接操作，否则做算数运算 -->
			<p>{{"abc"+3+4}}</p>
			<p>{{3+4+"abc"}}</p>
			<!-- 如果是布尔值，angularJs并不会把这个布尔值当做变量来处理 -->
			<p>{{false}}</p>
			<p>{{address}}</p>
			<p>{{tel}}</p>
			<p>{{p.xh}}</p>
			<p>{{p.zwh}}</p>
			<p>{{arr[0]}}</p>
		</div>
		<script src="../js/angular-1.2.9.js" type="text/javascript" charset="utf-8"></script>
		<script type='text/javascript'>
			angular.module('myApp',[])
				.controller('z1',['$scope', function(a){
					a.username = '张三';
					//TODO
					a.age = 19;
				}])
		</script>
	</body>
</html>
avatar
文章
阅读
粉丝