AngularJS变量无法显示

前端之家收集整理的这篇文章主要介绍了AngularJS变量无法显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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>
原文链接:https://www.f2er.com/angularjs/149087.html

猜你在找的Angularjs相关文章