AngularJS学习（一）

最新推荐文章于 2025-02-20 22:56:07 发布

weixin_30933531

最新推荐文章于 2025-02-20 22:56:07 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tianxue/p/3896673.html

本文介绍了AngularJS的基础使用方法，包括如何设置环境并创建简单的Hello World应用。此外还详细展示了AngularJS中双向数据绑定的功能，通过一个动态更新问候语的例子来说明其工作原理。

参考文章：http://blog.youkuaiyun.com/dc_726/article/details/17010325

1、HelloWorld篇

　　1.1 环境

　　　　下载：angular-1.2.5min.js

　　1.2 源代码

<!doctype html>
<html ng-app>
    <head>
        <script src="angular-1.2.5.min.js"></script>
    </head>
    <body>
        hello {{'world'}}!
    </body>
<html

　　1.3 运行结果

2、双向数据绑定

　　2.1 源代码

<!doctype html>
<html ng-app>
    <head>
        <script src="angular-1.2.5.min.js"></script>
    </head>
    <body>
        Your name:<input type="text" ng-model="yourname" placeholder="world">
        <hr>
        hello {{yourname || 'world'}}!
    </body>
<html