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

最新推荐文章于 2023-07-30 16:38:01 发布

yin_Pisces

最新推荐文章于 2023-07-30 16:38:01 发布

阅读量319

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/yin_Pisces/article/details/51020764

版权

angularjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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哈哈~

yin_Pisces

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS学习之路（一）AngularJS简单操作

<!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>
复制链接

扫一扫

专栏目录