您的位置:首页 > Web前端 > AngularJS

angularJS学习之路(一)---开始入门

2015-11-22 16:23 513 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<div ng-app=""><!--指令定义一个angularjs 应用程序-->
<p>在输入框中输入:</p>
<!--ng-model把元素的值绑定到应用程序-->
<p>姓名:<input type="text" ng-model="name"></p>
<!--ng-bind把应用程序数据绑定到html视图-->
<p ng-bind="name"></p>
<!--{{}}使用表达式把应用程序数据绑定到html视图-->
<p>{{name}}</p>
</div>
<!--引入脚本,放在body底部,提高网页加载速度,html加载不受制于脚本的加载-->
<script type="text/javascript" src="js/angular.min.js" ></script>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: