AngularJS学习之路(一)AngularJS简单操作

来源:互联网 发布:python impacket库 编辑:程序博客网 时间:2024/05/22 14:34
<!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要实现用户没输入一个值页面上对应的值要变动如何实现。

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

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

  3. 最后返回到页面展示

而AngularJS只需要上面一步就可以实现这个效果,因此投入了AngularJS的学习。当然也并不是说jquery不好,O(∩_∩)O哈哈~

0 0
原创粉丝点击