♥Angular学习♥

angular学习笔记(十六) -- 过滤器(2)

本篇主要介绍angular自定义的过滤器: 直接看例子: <!DOCTYPE html> <html ng-app="MyFilter"> <head> <title>13.2过滤器</title> <meta charset="utf-8"> <scr
·2015-10-31 09:28

angular学习笔记(十五)-module里的'服务'

本篇介绍angular中的模块:module 在笔记(二)http://www.cnblogs.com/liulangmao/p/3711047.html里已经讲到过模块,这篇主要讲模块的 '服务' 功能: 什么是 '服务' 呢? 看一下下面这个例子: 比如一个购物车的应用: function ItemsViewController($scope){ //向服务器发起请求
·2015-10-31 09:28

angular学习笔记(十六) -- 过滤器(1)

本篇主要介绍过滤器的基本用法: 过滤器用来对数据进行格式的转换,数据格式的转化与逻辑无关,因此,我们使用过滤器来进行这些操作: {{expression | filter1:,参数1,参数2... | filter2: 参数1,参数2... }} expression : 表达式,也就是还没有经过过滤的变量值,相当于普通的 {{}}里面的内容 filter1 : 过滤器的名字,可以是ang
·2015-10-31 09:28

angular学习笔记(二)-创建angular模块

如果在页面的html标签(或任意标签)中添加ng-app,表示对整个页面应用angular来管理. 他是一个模块. 模块有助于把东西从全局命名空间中隔离. 今天学习如何自定义创建模块: <!DOCTYPE html> <html> <head> <title>2.1模块</title> <meta chars
·2015-10-31 09:27

angular学习笔记(五)-阶乘计算实例(1)

<!DOCTYPE html> <html ng-app> <head> <title>2.3.2计算阶乘实例1</title> <meta charset="utf-8"> <script src="../angular.js"></script
·2015-10-31 09:27

angular学习笔记(四)- input元素的ng-model属性

input元素的ng-model属性: 用于将input的值和变量的值进行双向绑定 <!DOCTYPE html> <html ng-app> <head> <title>2.3.1input数据绑定</title> <meta charset="utf-8"> <scri
·2015-10-31 09:27

angular学习笔记(三)-视图绑定数据的两种方式

绑定数据有两种方式: <!DOCTYPE html> <html ng-app> <head> <title>2.2显示文本</title> <meta charset="utf-8"> <script src="../angular.js"><
·2015-10-31 09:27

angular学习笔记(五)-阶乘计算实例(3)

同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算: <!DOCTYPE html> <html ng-app> <head> <title>2.3.4计算阶乘实例3</title> <meta charset="utf-8"> <s
·2015-10-31 09:27

angular学习笔记(六)-非入侵式javascript

这篇主要讲解非入侵式javascript. 在传统的前端开发中,把js写在html中,称为入侵式的javascript: <span id="select_area" onclick="..." </span> 这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉. 但是,angular通过改进,很好的解决了这
·2015-10-31 09:27

angular学习笔记(五)-阶乘计算实例(2)

<!DOCTYPE html> <html ng-app> <head> <title>2.3.3计算阶乘实例2</title> <meta charset="utf-8"> <script src="../angular.js"></script
·2015-10-31 09:27

angular学习笔记(七)-迭代1

本篇介绍angular中元素的迭代: <!DOCTYPE html> <html ng-app> <head> <title>4.1.迭代</title> <meta charset="utf-8"> <script src="../angular.js"
·2015-10-31 09:27

angular五种服务详解

在这之前angular学习笔记(十五)-module里的'服务'这篇文章里,已经大致讲解了ng中的'服务',在之后的很多地方也用到了服务,但是,所有的服务都是使用app.factory来创建的.但其实,
·2015-10-27 16:29

Angular学习笔记

今天去参加周六大讲堂，学习了如何使用Angular开发项目，收获非常的丰富，记录了以下知识点： 路由 客户端的MVC模式 数据双向绑定 依赖注入 SPA单页面应用程序 使用Restful+纯前端构建复杂的应用程序 总结：Javascript这几年发展的速度非常快，现在前端已经有了完整的架构体系，符合软件工程模型，现在通过这些“神奇”的前端框架，做到前后端分离的理想可以实现啦。 最后
·2015-10-23 08:10

Angular学习笔记($filter)

AngularJS里面的过滤器就是一个函数，它的作用就是将输入的数据经过格式化后再输出给userAngular内置指令在HTML的模板中使用|符号来调用过滤器。//大写{{'hello'|uppercase}}//HELLO//将一个json或js的对象转化成字符串{{{name:'xl',age:23}|json}}//{'name':'xl','age':23}//将数字格式转化成文本{{12
苹果小萝卜·2015-10-03 00:00

从0开始学angularjs－笔记04

由于公司加班，刚到家不久，然而却毫无睡意，可能是老了吧～～～不废话了，没睡意那就做点有意义的事情吧，继续我们的angular学习之路，深夜博文，希望能造福大家！
jarson·2015-09-26 03:00

angular学习笔记

1、angular.element angular获取dom元素angular.element(document.querySelector('p')); //find('#id')angular.element(document.querySelector('#id'))//find('.classname'),assumesyoualreadyhavethestartingelemtosear
小线圈·2015-08-17 11:00

Angular学习心得之directive——require选项的细节

    谈require选项之前，应该先说说controller选项，controller选项允许指令对其他指令提供一个类似接口的功能，只要别的指令（甚至是自己）有需要，就可以获取该controller，将其作为一个对象，并取得其中的所有内容。而require就是连接两个指令的锁链，它可以选择性地获取指令中已经定义好的controller，并作为link函数的第四个参数传递进去，link函数的四个
lee1994522·2015-05-06 21:00

Angular学习心得之directive——scope选项与绑定策略

      开门见山地说，scope:{}使指令与外界隔离开来，使其模板(template)处于non-inheriting(无继承)的状态，当然除非你在其中使用了transclude嵌入，这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求，因为实际上，我们经常想要我们的指令能够在特定的情况下与外界进行数据上的交互，这就需要借助绑定策略之手了。      大家知道，当scope选项写为
lee1994522·2015-05-01 15:00

angular学习-入门基础

angular 　　 所有用到的库, 全部用的CDN： 运行下面代码 <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.js"></script> <script src="http://cdn.bootcss.com/angular.js/1.3.
·2014-12-10 11:00

angular学习(三):ng渲染案例用法总结

前两篇把基本的架子都搭好了,在单独的Controller中处理独立的业务,这时候渲染相应的页面就要用到ng提供的相应组件和事件,下面我采用一一列举的方式,将这些知识都总结于此:ng-click:             案例点击上传             说明             声明了一个btn的click事件，对应的controller中声明function为$scope.showUpl
zhang6622056·2014-11-19 14:00

angular学习(二):Controller定义总结

上文中总结完了ng-view的应用,将运维后台分开界面到2个,进行到 逻辑Controller处理中,本文将总结一下在项目中Controller都用到了哪些知识:$scope:作用域对象,只是代表本Controller对象，本作用域的任何对象都用$scope来声明。$rootScope：代表整个页面作用域，可以在任意子$scope之间传递全局对象    $http：用来发送http请求的对象.设置
zhang6622056·2014-11-19 14:00

angular学习(一):动态模板总结

最近在项目中用到了angular,之前从未用到过此jslib库,由于项目也比较着急,学习的寥寥草草。到目前为止也只是学会皮毛而已,现将自己学习的知识总结如下:备注1:             版本号：1.2.2备注2:             本文将angular结合bootstrap做前端页面,逻辑处理。其中用到了ng的route,repeat,ng-option做下拉框等等一些简单的ng的知识
zhang6622056·2014-11-19 14:00

angular学习资源

angular学习资源 angularjs库：https://developers.google.com/speed/libraries/devguide?
ifeixiang·2014-10-31 17:00

angular学习实战（1）

下面先给出angular相关的一些连接：1.angular介绍2.angular入门(我感觉写的不错，简单明了)我的实战：用户注册后端代码，nodejs实现的restfulrouter.get('/registry', auth.registry); router.get('/users/:user_id', auth.get); router.post('/users',auth.create)
深山猎人·2014-05-21 00:00

Angular学习（8）- 路由

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 12</title> <script type="text/javascript" src="js/angular.js"
·2014-03-28 15:00

Angular学习（8）- directive

<!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 9</title> <script type="text/javascript" src="js/angular.js"><
·2014-03-28 15:00

Angular学习（7）- 模板2

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 8</title> <script type="text/javascript" src="js/angular.js"&
·2014-03-28 15:00

Angular学习（7）- 模板

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 7</title> <script type="text/javascript" src="js/angular.js"&
·2014-03-28 15:00

Angular学习（6）- 数组双向梆定+filter+directive

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 6</title> <script type="text/javascript" src="js/angular.js"&
·2014-03-28 15:00

Angular学习（5）- 数组双向梆定+filter

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 5</title> <script type="text/javascript" src="js/angular.js"&
·2014-03-28 15:00

Angular学习（4）- 数组双向梆定

示例： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 4</title> <script type="text/javascript" src="js/angular.js"&
·2014-03-28 15:00

Angular学习（3）- 双向梆定

示例代码： <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 3</title> <script type="text/javascript" src="js/angular.js"
·2014-03-28 15:00

Angular学习（2）- ng-app

此例子看alert弹出时的效果。当然，最重要的是ng-app="MyApp"，这一个是怎么加载的。 <!DOCTYPE html> <html ng-app="MyApp"> <head> <title>Study 2</title> <script type=&q
·2014-03-28 15:00

Angular学习（1）

天天都是hello world，老子玩1+1. 最简单的例子，见证无聊的时刻： <!DOCTYPE html> <html> <head> <title>Study 1</title> <script type="text/javascript" src="js/angul
·2014-03-28 15:00

angular学习笔记2.repeater and filter

                                  {{name}}           varlist=function($scope){$scope.names=['aa','bb','ccc','ddd','eee'];};    
wp花园·2013-08-28 17:00

angular学习笔记1.controller

ng-controller是用于指定某个div块内的变量的。例子：                             {{name}}               {{name}}                       varCtrl=function($scope){$scope.name="aaa";}varCtrl2=function($scope){$scope.name="b
wp花园·2013-08-28 17:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他