![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AngularJS
零度anngle
情商不是八面玲珑的圆滑,而是德行具足后的虚心、包容和自信;成熟不是单纯到复杂的世故,而是复杂回归简单的超然;觉悟不是对世事的无所谓,而是对无能为力之事的坦然接受;成功不是追求别人眼中的最好,而是把自己能做的事情做得最好。热爱生活,热爱编程,热爱Java,喜欢探索,纸上得来终觉浅,绝知此事要躬行,愿与你一起在技术的海洋中成长!
博客:http://blog.csdn.net/zmx729618
展开
-
AngularJS入门(5)-Angular作用域($Scope)
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象,有可用的方法和属性, 可应用在视图和控制器上。当我们在 AngularJS 创建控制器时,我们可以将 $scope 对象当作一个参数传递,当在控制器中添加 $scope 对象时,视图 (HTML) 可以获取了这些属性。视图中,我们不需要添加$scope 前缀, 只转载 2016-11-03 09:14:39 · 574 阅读 · 0 评论 -
AngularJS入门(3)-Angular表达式
AngularJS 表达式AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置”输出”数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、转载 2016-11-02 17:29:35 · 1496 阅读 · 0 评论 -
AngularJS入门(2)-Module的声明
module是angular中重要的模块组织方式,它提供了将一组内聚的业务组件(controller、service、filter、directive…)封装在一起的能力。这样做可以将代码按照业务领域问题分module的封装,然后利用module的依赖注入其关联的模块内容,使得我们能够更好的”分离关注点“,达到更好的”高内聚低耦合“。”高内聚低耦合“是来自面向对象设计原则。内聚是指模块或者对象内部转载 2016-11-02 15:56:54 · 1072 阅读 · 0 评论 -
AngularJS入门(1)-双向数据绑定
Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。双向数据绑定可能是AngularJS最酷最实用的特性,将MVC的原理展现地淋漓尽致.AngularJS的工作原理是:HTML模板将会转载 2016-11-02 15:16:38 · 490 阅读 · 0 评论 -
AngularJS入门(10)-Angular事件
这一篇博客为大家介绍一下AngularJS为我们提供的事件指令。ngBlurhtml> head> meta charset="UTF-8"> title>title> script src="angular.min.js" type="text/javascript">script> script type="t转载 2016-11-03 11:08:43 · 654 阅读 · 0 评论 -
AngularJS入门(10)-Angular服务总结
在之前介绍AngularJS的博客中,简单的介绍了AngularJS提供的常用服务,以及如何自定义服务,具体可参见《AngularJS 服务(Service)》。在这一篇博客中,我将为大家详细介绍如何自定义服务,以及各种方式之间的区别。value(name, object)value(name, object)方法允许我们直接将一个普通值或对象作为服务。我们通过一段代码来看看如何使用:转载 2016-11-03 11:44:05 · 386 阅读 · 0 评论 -
AngularJS入门(9)-与DOM有关的指令
AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。今天就为大家介绍一下AngularJS中一些与HTML DOM操作有关的指令。ng-options在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出。示例代码如下:html> head> meta charset="UT转载 2016-11-03 10:54:33 · 311 阅读 · 0 评论 -
AngularJS入门(8)-Angular服务
在 AngularJS 中,服务是一个函数或对象,可在我们的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。这一篇博客将为大家介绍一些服务的使用方式以及如何创建我们自己的服务。AngularJS服务的API可以点击这里查看$http$http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。可以理解成jQue转载 2016-11-03 10:31:48 · 447 阅读 · 0 评论 -
AngularJS入门(7)-Angular过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS中提供了如下几种过滤器:过滤器描述filter从数组项中选择一个子集currency格式化数字为货币格式number格式化数字为文本date格式化日期为指定格式字符串json允许将js对象转换为JSON字符串转载 2016-11-03 10:00:07 · 786 阅读 · 0 评论 -
AngularJS入门(6)-Angular控制器
在前面的博客中,我们能看到类似着这样的代码,这就是AngularJS的控制器指令。AngularJS 应用程序被控制器控制,ng-controller 指令定义了应用程序控制器,控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数创建。html> head> meta charset="utf-8" /> ti转载 2016-11-03 09:24:56 · 384 阅读 · 0 评论 -
AngularJS入门(4)-Angular指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。并且通过内置的指令来为应用添加功能。另外,AngularJS 允许我们自定义指令。 AngularJS为我们提供了很多指令,在前面我们也见到了一些,如:ng-app、’ng-bind’等。AngularJS提供的指令我们可以查阅官网的文档,这里就不一一列举了,下面介绍几个比较常用的指令的用法,其他指令的使用也大同小异。An转载 2016-11-02 17:40:45 · 540 阅读 · 0 评论