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

AngularJS学习之路（一）AngularJS简单操作

2016-03-31 00:47 627 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单的表达式</title>
<script src="../../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--
ng-app 代表AngularJS的作用域
ng-model 表示绑定的数据
-->
<div ng-app>
<p>名称: <input type="text" ng-model="name"></p>
<h1>Hello:{{name}}</h1>
</div>
</body>
</html>


虽然很简单的一个示例，但想一下jquery要实现用户没输入一个值页面上对应的值要变动如何实现。

需要在input上绑定一个chang事件

每次值改变的时候取出原来值再在上面累加一个新的值

最后返回到页面展示

而AngularJS只需要上面一步就可以实现这个效果，因此投入了AngularJS的学习。当然也并不是说jquery不好，O(∩_∩)O哈哈~
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  angularjs
相关文章推荐
新的分享
章节导航