本文通过一个简单的AngularJS程序介绍了如何使用AngularJS实现双向数据绑定。该示例演示了输入框与页面显示内容的实时同步更新，适用于AngularJS初学者。
<!DOCTYPE html>
<html>
<head>
<!--html5的设置字符集-->
<meta charset="utr-8" />
<!--HTML 4.01设置字符集:<meta http-equiv='content-type' content='text/html;charset=utf-8' />-->
<!--网页缓存过期时间：如果指定某个日期之后过期，则时间要用格林尼治时间格式“Wed, 22 Jul 2009 16:24:33 GMT”-->
<meta http-equiv="expires" content="0">
<!--每 5 秒刷新一次页面-->
<meta http-equiv='refresh' content='5' />
<!--5秒之后重定向:<meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn" />-->
<!--声明文档的兼容模式:指示IE以目前可用的最高模式显示内容-->
<meta http-equiv='X-UA-Compatible' content='IE=Edge,chrome=1' />
<!--网页不缓存-->
<meta http-equiv='cache-control' content='no-cache' />
<meta http-equiv="cache" content="no-cache">
<meta http-equiv="pragma" content="no-cache" />
<!--网页作者-->
<meta name='author' content='风行客' />
<!--网页描述-->
<meta name='description' content='第一个测试AngularJS程序！' />
<!--定义最新版本-->
<meta name='revised' content='Pig,2017/5/2' />
<!--定义针对搜索引擎的关键词-->
<meta name='keywords' content='HTML,CSS,XML' />
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<title>AngularJS程序</title>
</head>
<body>
<div ng-app="">
<p>名字：<input type="text" ng-model="name" /></p>
<h1>你好，{{name}}</h1>
</div>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
