[ 登录注册 ]

yuyan

AngularJS变量无法显示

2016/08/25 22:33 游海东的技术专栏 返回上一页

1、错误描述



2、错误原因

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script>
			
		</script>
	</head>
	<body>
		<div>
			<input type="text" ng-model="username" placeholder="请输入用户名" /><br>
			{{username}}
		</div>
	</body>
</html>

       页面展示的是username变量,没有展示成需要的;由于该变量没有受AngularJS控制,需要添加ng-app


3、解决办法

<!DOCTYPE html>
<html ng-app>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script>
			
		</script>
	</head>
	<body>
		<div>
			<input type="text" ng-model="username" placeholder="请输入用户名" /><br>
			{{username}}
		</div>
	</body>
</html>


文章来源:http://www.bozhiyue.com/web/yuyan/2016/0825/433306.html
评论
发表评论