iampomelo的博客_AngularJS

AngularJS 2.0 学习记录（一）

开始认真学习ng2了，之前看了一下typescript，没有太大感触，还是直接练手学习得快。

ng

Angular

原创 2016-12-12 00:24:23 443 阅读

$resource in AngularJS

$http $http服务是基于$q服务的，提供了promise封装，它接受一个配置对象参数，并返回一个promise对象。同时，它还提供了2个方法用来定义promise回调：success 和 error。$http({method:"GET", url:"/someUrl"}). success(function

resource

AngularJS

转载精选 2015-08-30 23:07:21 1457 阅读

依赖内置ng-model指令的自定义指令

ng-model是AngularJS的原生指令，通过require: 'ngModel'可以更加深入地处理数据的双向数据绑定。 ng-model里面的属性有： $parsers：保存了从viewValue到modelValue绑定过程中的处理函数。 $formatters：保存了从modelValue到viewValue绑定过程中的处理函数。&nb

自定义

指令

require

ng-model

原创 2015-07-09 13:59:03 1881 阅读

AngularJS表单验证操作例子分享

<!DOCTYPE html> <html ng-app="firstMoudule" lang="zh-CN"> <head> <meta charset='utf-8'> &n

表单

AngularJS

ng-required

ng-pattern

原创 2015-07-05 00:40:22 726 阅读

AngularJS中自定义指令

AngularJS中除了内置指令，还可以自定义指令。自定义指令和自定义过滤器一样，有两种方法：第一种，在module中配置：$compileProvider.directive('directiveName', function(){ }); 代码模版为： &

自定义

指令

directive

Angular

原创精选 2015-07-01 14:34:08 1791 阅读

AngularJS中的内置指令

AngularJS可以把模版编写成HTML的形式，利用指令来拓展HTML标签，增加声明式语法来实现想做的任何事情。AngularJS的内置指令包括渲染指令、事件指令和节点指令。渲染指令ng-bind：<p ng-bind="something"></p> 相当于：<

指令

AngularJS

Angular

ng-

原创 2015-06-30 16:42:44 556 阅读

AngularJS中的隐式和显式依赖注入

在之前学习AngularJS的过程中，都是用到了显式依赖注入，比如： <script type="text/javascript"> angular.module('app', []) .controller('Controller1', function($scope) { $scope

依赖注入

Angular

原创 2015-06-30 11:38:43 990 阅读

AngularJS实现产品列表（页面搜索，排序）

标签属性介绍ng-class="{className:expression}" 如果expression为true，则使用className这个class。ng-click="functionName(pram)" 这跟onclick是一样的，点击就执行functionName(pram)。ng-repeat="i in set | filter:filterExpression or filte

标签

产品

filter

expression

Angular

原创 2015-06-29 11:32:41 2106 阅读 1点赞 2评论

AngularJS中的过滤器（filter）

AngularJS中的过滤器是用于对数据的格式化，或者筛选的函数，可以直接通过以下语法使用： {{expression|filter}} {{expression|filter1|filter2}} {{expression|filter1:param1,param2,...|filter2} 过滤器的种类有number，currenc

number

filter

Angular

currency

原创精选 2015-06-28 17:02:31 1216 阅读

AngulatJS多个控制器内数据共享

利用factory和service方法定义服务，通过两个控制器利用同一个服务达到控制器间数据共享的效果。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> &

控制器

service

factory

数据共享

原创 2015-06-27 17:29:33 319 阅读

AngularJS中的provider,factory,service方法

使用$provide中的provider方法定义服务前面已经知道了module的定义为angular.module(name,[requires],configFn);configFn参数是配置服务的。ng供服务的过程涉及它的依赖注入机制。AngularJS是用$provider对象来实现自动依赖注入机制的。$provide.provider是

原创精选 2015-06-27 16:46:27 993 阅读

AngularJS中的模块（module）

AngularJS中的module 大部分应用都有一个主方法(main)来实例化、组织、启动应用。AngularJS中没有主方法，而是使用模块来声明应用该如何启动。模块允许通过声明的方式来描述应用中的依赖关系，以及如何组装和启动。一个模块可以引入另一个模块。在一个模块中定义多个服务，当引入这个模块时，就可以使用这个模块中的一个或者多个

模块

module

AngularJS

原创 2015-06-27 15:17:39 523 阅读

AngularJS实现购物车

用AngularJS实现购物车，具体代码如下：<!DOCTYPE html> <html ng-app="app"> <head> <meta charset="utf-8"> <link&nb

购物车

AngularJS

Angular

ng-repeat

ng-click

原创 2015-06-06 15:27:33 2332 阅读

AngularJS中的$apply方法

现在我想在页面上显示一个变量i，i的初始值是0，我希望通过controller每1秒给i加1，使得在页面上i从0，1，2，3，4……一直增长，我会这么做：<script type="text/javascript"> /** * Mod

AngularJS

Angular

$digest

$watch

$apply

原创 2015-06-04 14:48:55 845 阅读 1点赞

AngularJS中的控制器（controller）

AngularJS中有ng-controller，通过这样可以给DOM元素装上控制器。比如这样：<div ng-controller="firstController"> <p ng-bind="i"></p> &n

AngularJS

Angular

ng-bind

ng-controller

原创 2015-06-04 13:30:36 1288 阅读

AngularJS中的数据绑定

AngularJS是Google开发的前端框架，angular.js仅有1500行，致力于减轻开发人员在开发AJAX应用程序中的痛苦。 AngularJS应用中：view就是DOM，controller就是Javascript类，model储存在对象属性中。数据绑定可自动将model和view间的数据同

AngularJS

Angular

原创 2015-06-01 16:15:07 529 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

柚汁/前端

AngularJS 2.0 学习记录（一）

$resource in AngularJS

依赖内置ng-model指令的自定义指令

AngularJS表单验证操作例子分享

AngularJS中自定义指令

AngularJS中的内置指令

AngularJS中的隐式和显式依赖注入

AngularJS实现产品列表（页面搜索，排序）

AngularJS中的过滤器（filter）

AngulatJS多个控制器内数据共享

AngularJS中的provider,factory,service方法

AngularJS中的模块（module）

AngularJS实现购物车

AngularJS中的$apply方法

AngularJS中的控制器（controller）

AngularJS中的数据绑定