♥Angular学习♥

Angular学习笔记（十三）之组件通讯输入/输出属性

组件通讯需要做到组件通讯松耦合性，这样组件的重用性才高父子组件通讯输入@Input()接收父组件信息，被@Input装饰器注解的属性输出@Output()将自身信息告知父组件，被@Output装饰器注解，使用Rxjs中的EventEmitter发射事件输入属性demo写一个从父组件接收信息的demo子组件//html我是子组件，我要从父组件接收信息：{{keyWord}}//tsexportcla
BAOBAB_cc·2018-01-25 15:03

Angular学习笔记（十一）之响应式编程基础

观察者模式概念观察者模式以及在RXJS中对应的概念和代码样例响应式编程概念异步数据流编程，可以创建任何事件流。一个简单的响应式编程demo观察流（数组），选出偶数流，计算平方，打印出来//app.moduleimport{FormsModule}from'@angular/forms';imports:[FormsModule]//bind.component.tsimport{Observabl
BAOBAB_cc·2018-01-24 10:21

Angular学习笔记（六）之依赖注入入门

依赖注入模式及其好处什么是依赖注入？首先，当使用参数是对象的方法时，需先实例化对象，再传给它（方法）。如下所示varproduct=newProduct();createShipment(product);于是，我们说：createShipment方法依赖Product类，而Product类注入给createShipment方法。然而，当createShipment方法需要多个参数时，则//实例化
BAOBAB_cc·2018-01-12 10:03

Angular学习笔记（五）之辅助路由和路由守卫

辅助路由激活后，在任何页面都会显示相关的辅助路由组件。辅助路由的语法分3步1.页面插座，辅助路由的写法是带有name属性2.路径配置，名为aux的辅助路由可以用来显示xxx组件和yyy组件{path:'xxx',component:XxxComponent,outlet:'aux'},{path:'yyy',component:YyyComponent,outlet:'aux'}3.路由参数跳转路
BAOBAB_cc·2018-01-10 15:28

Angular学习笔记(14)—动画

在AngularJS应用中创建动画，有三种途径：使用CSS3动画使用JavaScript动画使用CSS3过渡安装$bowerinstall--saveangular-animate//引用库//引用模块angular.module('myApp',['ngAnimate']);它是如何运作的$animate服务默认给动画元素的每个动画事件添加了两个CSS类。$animate服务支持多个内置的指令，
oWSQo·2018-01-06 12:57

Angular学习笔记(10)—XHR和服务器通信

$http我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。$http({method:'GET',url:'/api/users.json'}).
oWSQo·2018-01-04 14:26

Angular学习笔记（一）之Angular的启动和程序架构

一、启动1、项目前准备确定安装了Node.js使用npm命令安装TypeScript.js$npminstall-gtypescript安装angular-cli自动构建项目工具$npminstall-g@angular/cli新建项目angular-world$ngnewangular-world2、目录说明项目目录说明src文件夹目录说明app文件夹下目录说明3、Angular程序架构Angu
BAOBAB_cc·2017-12-26 10:24

Angular学习5-服务，承诺

通过前面4部分，作出了一个能显示列表和显示详细信息的，并能修改数据的小程序。不过我们的数据目前是存在一个组件中的，当别的组件要使用数据的时候，要包含此组件，这明显是有问题的。要有一个数据中心，这个数据中心专门负责提供数据，各个组件只是去获取数据来进行显示即可。这样，我们就需要服务。1.将把获取数据的任务重构为一个单独的服务，它将提供数据，并把服务在所有需要数据的组件间共享。2.在app目录下创建h
价值投机168·2017-12-13 15:13

Angular学习笔记（五）依赖注入等

依赖注入的好处主要是松耦合的方式编写代码，可测性和可重用性更高。1.注入器每个组件都有一个注入器实例负责注入组件需要的对象，注入器是angular提供的一个服务类，一般情况下你不需要直接调用注入器的方法，注入器会自动地通过组件的构造函数将组件所需的对象注入进组件。constructor(privateproductService:ProductService){...}//tips:控制反转Inv
Amundsen·2017-12-11 03:00

Angular学习笔记（汇智网教程）

注解功能@（类选择器）：等价于将下面的内容加入到一个总的class中directives：导入类的名字，下面可以new这个类的函数来生成DOM文本插值：用{{name}}来将文本绑定数据绑定属性：用[name]来将属性绑定数据监听事件：用小括号（click）表示条件逻辑：if,switch,forshadowDown：组件与主DOM树隔离。暂时只有Chrome支持。为组件增加属性接口：在Compo
fanfan0919·2017-12-07 23:17

angular 学习笔记2

angular学习网站angulargithubangularanimtecnode社区知乎学习目录索引吕大豹博客nodejs学习教程WebPackcommonJsAMDspa架构思想单页应用（SinglePageApplication
black白先森·2017-12-04 04:20

Vue 还是 React 还是 Angular ？

有空的时候还是把3个都熟悉一下、除了Angular学习起来笔记花时间外、React跟Vue没啥难度，学习用的时间不多。
孑孓子·2017-11-30 01:00

angular安装

Angular学习手册安装1.首先安装node。安装方法：官网下载node安装。
pyton_baiyang·2017-11-23 23:11

angular学习笔记(1)

angular学习笔记(1)1.表达式：（1）表达式特性：所有的表达式都在其所属的作用域内部执行，并有权访问本地$scope的权限如果表达式发生了TypeError或者ReferenceError错误不会抛出异常不允许使用任何流程控制
Lemonade_HH_·2017-10-18 20:48

angular学习总结二——数据&事件绑定（ngIf、ngFor、ngSwitch、ngModel）

keywordsngIf、ngFor、ngSwatch、ngModule、click、mouseover、mouseleave、ngStyle、ngClass代码：app.component.tsimport{Component}from'@angular/core';@Component({selector:'app-root',templateUrl:'./app.component.html
米斯特尔曾·2017-08-14 20:21

angular学习之从零搭建一个angular4.0项目

话说现在angular更新迭代太快了，从前几年用angular版本去搭建项目时还是1.x版本，到现在都已经是angular4.0了（直接跳过了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，谁让我那么热爱学习了（咳咳！此处有一个推眼镜的动作），废话不多说，直接上手，首先用到的工具会有angular4.0、angular-cli、npm(v3.10.8)、node(v6.2
亚当斯密·2017-07-10 15:46

Angular学习笔记(7)—多重视图和路由

  能够从页面的一个视图跳转到另外一个视图，对单页面应用来讲是至关重要的。  除了用ng-include指令在视图中引用多个模板外，更好的做法是将视图分解成布局和模板视图，并且根据用户当前访问的URL来展示对应的视图。  我们会将这些模板分解到视图中，并在布局模板内进行组装。AngularJS允许我们在$route服务的提供者$routeProvider中通过声明路由来实现这个功能。安装  从1.
oWSQo·2017-06-22 11:25

Angular学习笔记(6)—模块加载

AngularJS模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段应用不同的逻辑组。配置在模块的加载阶段，AngularJS会在提供者注册和配置的过程中对模块进行配置。在整个AngularJS的工作流中，这个阶段是唯一能够在应用启动前进行修改的部分。angular.module('myApp',[]).config(function($provide){})我们在某个模块之上创
oWSQo·2017-06-22 11:18

Angular学习笔记(5)—指令详解

指令定义对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。  我们可以自己创造新的指令。directive()这个方法是用来定义指令的：angular.module('myApp',[]).directive('myDirective',function($timeout,UserDefinedService){//指令定义放在这里});directive()
oWSQo·2017-06-22 11:40

angular2学习笔记（1）

对象的使用：可以看一下Angular2.0的官网给出的Demohttps://angular.io英雄联盟APP开发：在Helloangular学习之后，在Helloangular基础上学习如何开发难度大一点的应用
码农，是一种情怀·2017-04-20 12:01

angular学习之ngRoute路由机制

ngRoute简介路由是AngularJS很重要的一环，它可以把你项目的页面串联起来，构成一个项目，常用的路由有ngRoute和ui-route，我这里先讲ngRoute。ngRoute是一个Module，提供路由和深层链接所需的服务和指令。注意一点，和之前的文章不一样，使用ngRoute之前你需要引入另外一个js文件angular-route.js：ngRoute包含内容如下：名称类型作用ngV
吴冬冬·2017-04-12 16:06

自己收集的部分Angular学习资料

Angular-study自己收集的部分Angular学习资料声明很多资源来源于互联网，我提供资源链接但版权归资源的所有者，完全开源，欢迎各位PR通过学习或参与这个项目开发沉淀出属于自己的开源组件，为将来的产品孵化提供技术因子
孤独白桦·2017-04-10 00:00

Angular国际化翻译

Angular学习（一）：国际化注意:原创，转载请注明出处Angular是目前比较热门的一个前端框架，2017年上半年已经发布了4.0的版本。
yangzhanyan·2017-03-28 21:47

Angular学习第八天：angular路由去掉的URL里的#号

url中存在#号第六讲的时候我说过了，angular是通过浏览器地址栏的url（http://www.xxx.com/#/index)号后面的部分#/index来确定当前用户访问的是哪个页面，然后根据这个URL对视图(ng-view)完成更新；并支持HTML5的历史记录功能。angular的地址栏是什么样子？http://www.xxx.com/http://www.xxx.com/#/login
我是灰灰的小跟班·2017-03-12 15:15

Angular学习第五天：订单列表

今天我们来做一下电商网站常见的订单列表功能实现功能，订单列表相信大家都熟悉（小编最喜欢的就是确认收货了！！）显示商品列表订单支付提醒发货当订单列表没有订单时，显示没有订单确认收货订单首先我们来看下实际运行效果2180072-0e9f0eec09964ad1.png样式是基础知识，不在赘述*{padding:0;margin:0;font-family:Arial,'MicrosoftYaHei',
我是灰灰的小跟班·2017-03-12 14:15

Angular学习笔记：Day1 Get Started

Angular2是现在比较新的网页制作技术，加上自己对网页制作比较感兴趣。因此对该技术比较感兴趣，所以现在开始学习该技术。我使用的教材是Ang-book2，另外还有一本Angular2DevelopmentonTypescript。Ang-book2算是Angular2的官方文档，因此打算从Angular开始学习。之前其实已经看了几十页了，不过之前都没有系统的记笔记。因此打算从到再来！本来之前已经
程屁凹·2017-03-06 22:13

Angular之指令Directive用法详解

项目筹备近期开启Angular学习，指令比较难理解所以记录备案，推荐视频大漠穷秋Angular实战由于篇幅过长,列举大纲如下：一、指令directive概述指令可以对元素绑定事件监听或者改变DOM结构而使
Avenstar·2017-03-01 09:03

Angular学习笔记(2)——TODO小应用

1.写在前面之前我们跑了Angular的HelloWorld，你是不是对它有点感觉了呢？这一篇将结合一个TODO程序来继续学习Angular的用法。梳理一下之前的HelloWorld程序。我们写了一个main.ts来引导模块AppModule，而该模块又包含组件AppComponent，这是一个Angular应用最基本的结构。下面再来简单地看看Angular各部件的含义。先看Module（模块）。
学数学的程序猿·2017-01-09 22:00

最全Angular学习资料

阅读原文angular的资料Theseareaboutangularlearningmaterials,hopingtohelpyou:snowman:关于angular的常用知识点，DEMO和总结，不定时更新，欢迎fork和starOnthecommonknowledgeofangular,DEMOandsummary,notregularupdates,youcanforkandstar|Gu
秋风喵·2016-12-15 07:11

Angular学习笔记（2）—过滤器

过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提供了方便的途径可以自己创建过滤器。  在HTML中的模板绑定符号{{}}内通过|符号来调用过滤器。如果要同时使用多个过滤器，可以用|符号作为分割符来使用多个过滤器。例如，假设我们希望将字符串转换成大写，可以对字符串中的每个字符都单独进行转换操作，也可以使用过滤器：{{name|uppercase}}。  在Ja
oWSQo·2016-12-14 21:57

angular五种服务详解

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

Angular学习笔记(1)—初识AngularJS

AngularJS是什么AngularJS的官方文档这样介绍它：完全使用JavaScript编写的客户端技术。同其它历史悠久的Web技术（HTML、CSS、JavaScript）配合使用，使Web应用开发比以往更简单、更快捷。AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。AngularJS主要用于构建单页面Web应用。  AngularJS通过原生的Model-View
oWSQo·2016-12-10 15:44

[转]angular学习笔记(三十一)-$location(1)

转自：http://www.cnphp6.com/archives/57144时间：2014-11-01|来源：cnphp6本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法.$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录.一.获取url的相关方法:以'http://localhost/$location/21.1%20
橙橙鲁·2016-11-24 11:22

Angular学习笔记之angular的$filter服务浅析

首先，介绍下$filter服务：1、$filter是用来进行数据格式化的专用服务；2、AngularJS内置了currency、date、filter、json、limitTo、lowercase、uppercase、number、orderBy这8个filter；3、filter可以嵌套使用，用管道符号"|"来分隔（有点像linux）；4、filter可以传递参数；5、用户可自定义filter。
林七七·2016-11-12 09:39

AngularJS学习第五天：订单列表

相关文章推荐Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第三天：用户地址管理Angular学习第四天：用户地址管理今天我们来做一下电商网站常见的订单列表功能实现功能
小枫学幽默·2016-10-10 16:00

AngularJS学习第四天：购物车功能

相关文章推荐Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第三天：用户地址管理今天我们来做一下电商网站常见的购物车功能实现功能，购物车相信大家都熟悉（
小枫学幽默·2016-09-27 12:22

angular学习之五实例：实现图片懒加载

这两天一直纠结angular的图片懒加载插件中无法自拔。在使用过程深深感到js学艺不精的痛苦，想修改源码又不会修改，只能尽力压榨如何使用插件上。这里主要谈谈在使用插件的过程遇到的一些问题。一）我使用的是angular-imglazyload这个插件。【https://www.npmjs.com/package/angular-imglazyload】主要是这个插件小不依赖jquery库，然后下载源
草灯·2016-09-13 10:46

angular学习之四实例：点击收缩展开下拉

我们知道平常jquery实现显示和隐藏的时候，只要在监听click的时候使用.toggle(".displayno")，如果页面已经存在隐藏类displayno，那么就移除隐藏类，将div块显示出来，否则添加隐藏类，将div块隐藏。或者使用show()+hide()方法来实现。但是，在angular插件里面，到处都是用数据绑定来实现对应的功能，那么到底是怎么实现的呢？接下来直接上源码：乡村简介12
草灯·2016-09-08 15:04

angular学习笔记 -- ngBind与{{}}

在AngularJS中显示模型中的数据有两种方式：使用花括号插值的方式：{{text}}基于属性的指令：这两种方式的效果都是一样的，其主要区别在于，使用{{}}时，在AngularJS使用数据替换模板中的花括号时，第一个加载的页面，通常是应用中的index.html，其未被渲染的模板可能会被用户看到{{}}。而使用第二站方法的视图不会遇到这种问题。{{}}与ng-bind相比的解决方案.ng-cl
wangxingkang·2016-06-28 13:45

angular学习（一）——概览

1.文章简述这篇主要通过几个小例子把angular的常用组件简单介绍一下2.databinding下面是一个简单通过quantity和costs计算Total的示例Invoice:Quantity:Costs:Total:{{qty*cost|currency}}输出结果下面描述一下这段代码是如何运行的，这段代码看起来像一个带着一些新的标记的普通html文件，在angular中，这样的文件叫tem
lastsweetop·2016-04-18 17:00

angular学习

ng-appng-app在同个页面是可以有多个的，但是两个ng-app是不可以互相嵌套的（尽量不要使用多个ng-app）ng-app不写在页面上的时候可以手动启动，angualr.element((document).ready(function(){angular.bootstrap(document,["myModule"]); myModule是模块名，document是控制范围，也可以换成
qq_23114525·2016-03-28 17:00

Angular学习笔记-问题列表（2016.2.29）

1、控制器中注入服务时，出问题，当前pageInit这个页面无法加载，页面无报错信息。varhomepage=angular.module('homepage'); homepage.controller('pageInit',function($scope,$state,localLibraryService){ alert(333333) localLibraryService.ge
文苏·2016-02-29 18:00

angular学习笔记

1、forEach与jquery相反，参数是value,key2、str-->json  JSON.parse()   angular.fromJson()  json-->str     JSON.stringify()   angular.toJson()后面跟一个true，会转换成json形式的字符串，方便查看3、copy(),extend(),merge()的区别angular.copy(
joya·2016-02-03 15:00

angular学习笔记

1、forEach与jquery相反，参数是value,key2、str-->json  JSON.parse()   angular.fromJson()  json-->str     JSON.stringify()   angular.toJson()后面跟一个true，会转换成json形式的字符串，方便查看3、copy(),extend(),merge()的区别angular.copy(
joya·2016-02-03 15:00

angular学习第一天——安装batarang踩到的那些坑儿

 angularjs作为一个新兴的JavaScript框架，因其具有不少新特性，比如mvc开发模块，双向数据绑定等等，使其名声大噪。我也久闻其大名，然而因为时间问题，一直都没有去接触过他。这几天工作室那边不是特别忙，于是决定花点时间来亲近一下他。   之前买了一本《精通angularjs》,书还没开始看，今天就翻了几页。里面有提到chrome的batarang拓展可以很好的调试angular应用，
宇哥哥·2016-01-20 19:00

Angular学习心得——directive的bindToController选项

    thecomponent'spropertiesareboundtothecontrollerratherthantothescope.    wecanmoveallourpropertybindingdefinitionstobindToControllerandmakeitanobjectliteral   这两段话引用自PascalPrecht在thoughtramblog上的一篇
lee1994522·2016-01-20 00:00

angular

1.angular学习http://www.apjs.net/2.AngularJS是为了克服HTML在构建应用上的不足而设计的。
weitao1026·2015-12-04 01:00

angular学习笔记

1、关于ng-app、angular.module和ng-controller。 ...... {{name}} {{name}} ----JS--- varm1=angular.module('myApp',[]); m1.controller('Aaa',['$scope',function($scope){ $scope.name='hello';
不由分说·2015-11-20 16:00

angular学习笔记

1、关于ng-app、angular.module和ng-controller。 ...... {{name}} {{name}} ----JS--- varm1=angular.module('myApp',[]); m1.controller('Aaa',['$scope',function($scope){ $scope.name='hello';
不由分说·2015-11-20 16:00

angular学习资源

基础官方： http://docs.angularjs.org angularjs官方网站已被墙，可看 http://www.ngnice.com/；官方zip下载包 https://github.com/dolymood/angular-packages，已增加docs服务，输入地址即可，例如：http://blog.aijc.net/angular-packages/angular-1.3.1
kongjiea·2015-11-15 23:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他