`
725137
  • 浏览: 82094 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

AngularJS 学习

 
阅读更多

 

 AngularJS 支持双向数据绑定,比如使用表达式{{xxx}}的方式。也可以通过ng-bind属性体现从js到html的变化,同时也支持watch的方式,把html的变化反应到js中去。。。

 

<!DOCTYPE html>
<html>
<body>

<div ng-app="myapp">
  <p>在输入框中尝试输入:</p>
  <p>姓名:<input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>

<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

</body>
</html>

 

 

 

      在上面的例子中,首先有个ng-app,ng-app主要用来定义一个应用。我们的所有需要angular管理的元素均放到带有这个属性的标签里面。。

 

      其次,ng-model 标签用来将input框的值绑定到变量name上面。。

      再其次,下面带有ng-bind属性的p标签,用于显示变量name的值。。当然也可以通过{{name}}的形式表现出来,不过不推荐这样的做法,因为有时候会产生延迟的问题,在刷新或加载的过程中,会显示出令人不爽的{{name}}代码出来。。。如果通过属性的方式就不会存在这样的问题

 

 

 

 

分享到:
评论

相关推荐

    AngularJS学习手册 源代码

    **AngularJS学习手册源代码详解** AngularJS,作为Google维护的一款强大的前端JavaScript框架,自2009年发布以来,已经在Web开发领域产生了深远影响。它通过MVC(Model-View-Controller)架构模式,提供了丰富的...

    AngularJS 学习资料

    ### AngularJS 学习资料详解 #### 一、AngularJS简介与重要性 AngularJS是一种广泛使用的开源前端JavaScript框架,由Google维护。它主要用于构建单页面应用(SPA),通过简化客户端和服务器之间的交互来提高用户...

    AngularJS学习笔记

    ### AngularJS学习笔记知识点解析 #### 一、AngularJS简介 AngularJS是由Google推出的一款JavaScript库,虽然在本文档中作者将其称为“工具”,但实际上它更接近于一个完整的前端开发框架。AngularJS的设计理念...

    AngularJS学习

    AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,参考文献/网络文章也...这里便将我学习AngularJS写成文档,一方面作为自己学习路程上的记录,另一方面也给有兴趣的同学一些参考。

    JS AngularJS 学习笔记

    **AngularJS 框架详解** AngularJS 是一个强大的JavaScript框架,由Google维护,用于构建动态Web应用。它通过MVC(模型-视图-控制器...通过深入学习和实践,你可以有效地利用AngularJS构建高效、可维护的Web应用程序。

    angularjs学习笔记

    **AngularJS学习笔记** AngularJS,作为一款强大的前端JavaScript框架,由Google维护,主要用于构建单页应用程序(SPA)。它的核心特性包括数据绑定、依赖注入、模块化和指令系统,极大地简化了网页应用的开发流程...

    AngularJS学习 chm 文件

    AngularJS的学习资料众多,其中"AngularJS学习 chm 文件"是一个方便快捷的学习资源。 CHM文件,全称是Compiled HTML Help,是一种由Microsoft开发的帮助文件格式。它将HTML页面、索引和图像等资源打包在一起,形成...

    angularJS学习资料总结

    这个压缩包包含了AngularJS学习的全链条资料,无论你是初学者还是有一定经验的开发者,都能从中受益。通过系统学习和实践,你将能够熟练掌握AngularJS,构建出功能强大、用户体验优良的Web应用。

    AngularJs学习笔记.docx

    ### AngularJS 学习笔记 #### 一、AngularJS 概述 AngularJS 是一个用于构建动态Web应用的开源框架,由 Google 维护。它通过扩展 HTML 的功能来简化 Web 开发,并允许开发者以声明式的方式编写代码,极大地提高了...

    angularJS_学习资料

    ### 四、AngularJs学习笔记 学习笔记通常包含个人对AngularJS理解的深入点,可能包括一些高级话题,如脏检查(Dirty Checking)、$digest循环,以及如何优化性能。笔记可能还包括解决常见问题的方法,以及作者在...

    ANGULARJS学习总结.pdf

    AngularJS学习总结 AngularJS是一款功能强大且流行的前端JavaScript框架,用于构建复杂的Web应用程序。通过学习AngularJS,可以快速熟悉前端编程,实现快速开发高质量的Web应用程序。 一、引入AngularJS 要使用...

    AngularJS学习手册|Angular手册下载

    在《AngularJS学习笔记.chm》中,读者可以期待找到关于这些概念的深入解释,包括如何创建AngularJS项目,设置模块,编写控制器,使用指令,以及进行数据绑定和依赖注入的实例。此外,还可能涉及如何调试、优化...

    AngularJS学习总结&详细介绍

    AngularJS学习总结&详细介绍 AngularJS是一款流行的前端JavaScript框架,用于构建单页应用程序(Single Page Application,简称SPA)。下面是AngularJS学习经验总结,全中文说明: 什么是AngularJS? AngularJS...

    AngularJs学习笔记1

    【AngularJS学习笔记1】 AngularJS 是一个强大的前端JavaScript框架,用于构建动态Web应用程序。它通过数据绑定和依赖注入简化了HTML页面与JavaScript代码之间的交互。这篇笔记将深入探讨AngularJS的一些基本概念,...

    angularjs学习资料

    AngularJS,是由Google...总之,这个压缩包中的资料是一个全面的AngularJS学习资源库,无论你是初学者还是有一定经验的开发者,都能从中找到有价值的信息,提升你的AngularJS技能。祝你在学习的道路上取得丰硕的成果!

    AngularJS学习笔记.pdf

    ### AngularJS 学习笔记知识点总结 #### 一、AngularJS 概述 AngularJS 是由 Google 开发的一款开源 JavaScript 库,它提供了一种全新的应用程序组织与开发方式。AngularJS 的核心特性之一就是**数据双向绑定**,...

    angularjs学习需要导入的angular.js

    angularjs学习需要导入的angular.js

    AngularJS学习笔记 - 进出自由,我的分享1

    【AngularJS学习笔记 - 进出自由,我的分享1】 AngularJS是一款由Google开发的JavaScript框架,用于构建富客户端Web应用程序。它强调数据绑定和依赖注入,简化了前端开发流程,尤其是在实现MVC(模型-视图-控制器)...

Global site tag (gtag.js) - Google Analytics