AngularJS之ng-model指令

最新推荐文章于 2020-07-30 13:35:00 发布

最新推荐文章于 2020-07-30 13:35:00 发布 · 174 阅读

文章标签：

#javascript #ViewUI

本文通过一个简单的示例介绍了AngularJS中ng-model指令的基本用法。该指令用于将输入框的值与控制器中的变量进行双向绑定，使得视图与模型能够实时同步更新。

1、问题背景

ng-model：把元素或变量绑定到应用程序

2、实现实例

<!DOCTYPE html>
<html ng-app>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之ng-model命令</title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script>
			
		</script>
	</head>
	<body>
		<div>
			<input type="text" ng-model="student" /><br>
			{{student}}
		</div>
	</body>
</html>

3、实例结果