AngularJS学习篇（三）

【AngularJS学习篇（三）】的更多相关文章

angularjs学习第三天笔记（过滤器第二篇---filter过滤器及其自定义过滤器）

您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教.谢谢! 第三天,过滤器第二篇---filter过滤器及其自定义过滤器一.filter过滤器 filter过滤器我的理解就是一个筛选过滤器,主要是对集合数据进行筛选,其筛选条件支持字符串.对象.函数字符串:筛选逻辑就是筛选出属性值包含该字符串的对象集合同时还可以接受一个bool变量的参…

AngularJS学习篇（三）

创建自定义的指令除了 AngularJS 内置的指令外,我们还可以创建自定义指令. 你可以使用 .directive 函数来添加自定义的指令. 要调用自定义指令,HTML 元素上需要添加自定义指令名. 使用驼峰法来命名一个指令, myAngular, 但在使用它时需要以 - 分割, my-angular: 你可以通过以下方式来调用指令: 元素名属性类名注释元素名 <!DOCTYPE html> <html> <head> <meta charset=&q…

angularJS学习（三）——搭建学习环境

1.安装Node.js 和Testacular 1.1. 安装Node.js及配置部分,在另一篇博文:node.js的安装里面讲到了,地址是:http://www.cnblogs.com/tianxue/p/3897103.html 1.2. 安装配置好Node.js后,安装Testacular 在控制台输入命令:npm install -g testacular 2.安装Git工具 git我已经安装了. 用以下命令从GitHub复制本教程项目的源代码文件: git clone git://gi…

angularjs学习笔记三——directive

AngularJS 通过被称为指令的新属性来扩展 HTML. 正如你所看到的,AngularJS 指令是以 ng 作为前缀的 HTML 属性. HTML5 允许扩展的(自制的)属性,以 data- 开头. AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效. 以下列举了一些指令,并不一定常用,但是都有用! 有些指令相关的demo,有兴趣的可以下载,github地址:https://github.com/392468072/demo 自带指…

AngularJS学习篇（一）

AngularJS 使用表达式把数据绑定到 HTML. AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙. AngularJS 将在表达式书写的位置"输出"数据. AngularJS 表达式很像 JavaScript 表达式:它们可以包含文字.运算符和变量. <!DOCTYPE html> <html> <…

AngularJS学习篇（二十四）

AngularJS 应用 <html ng-app="myNoteApp"> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-contr…

AngularJS学习篇（二十三）

AngularJS 路由 AngularJS 路由允许我们通过不同的 URL 访问不同的内容. 通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA). 通常我们的URL形式为 http://runoob.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记实现,例如: http://runoob.com/#/first http://runoob.com/#/second http://…

AngularJS学习篇（二十二）

AngularJS 依赖注入什么是依赖注入 wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分. 该模式分离了客户端依赖本身行为的创建,这使得程序设计变得松耦合,并遵循了依赖反转和单一职责原则.与服务定位器模式形成直接对比的是,它允许客户端了解客户端如何使用该系统找到依赖一句话 --- 没事你不要来找我,有事我会…

AngularJS学习篇（二十一）

AngularJS 动画 AngularJS 提供了动画效果,可以配合 CSS 使用. AngularJS 使用动画需要引入 angular-animate.min.js 库. <!doctype html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <style> div { transition: all linear 0.5s…

AngularJS学习篇（二十）

AngularJS 包含在 AngularJS 中,你可以在 HTML 中包含 HTML 文件. 使用 AngularJS, 你可以使用 ng-include 指令来包含 HTML 内容: <body ng-app=""> <div ng-include="'test.htm'"></div> </body> test.htm 文件代码: <h1>菜鸟教程</h1> <p>这是一个…