自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

转载 angular2 下载保存文本数据

原文链接:http://blog.csdn.net/holdlg/article/details/54926136 需求要导出API提供的数据,保存到本地。思路获取API数据。使用Blob转化为文件对象。创建一个a标签并加入dom,并设置相关参数,其中Blob会转化为链接。触发a标签的 click 事件,然后销毁a标签。源码Service.ts downloadServi

2017-09-05 02:37:26 1164

转载 angular2/angular4 如何通过$http的post方法请求下载二进制的Excel文件

原文链接:http://www.bubuko.com/infodetail-2121383.html 时间有限,废话就不多说了,直接上干货!下面给大家介绍一下我遇到的一个坑,如果你也遇到了,那恭喜你,你一定能找到答案:angular2/angular4 如何通过$http的post方法请求下载二进制的Excel文件? (angular1自行百度)问题描述:后台返

2017-09-05 02:28:59 3500 5

转载 Angular 2 HostListener & HostBinding

原文链接:https://segmentfault.com/a/1190000008878888Host Element在介绍 HostListener 和 HostBinding 属性装饰器之前,我们先来了解一下 host element (宿主元素)。宿主元素的概念同时适用于指令和组件。对于指令来说,这个概念是相当简单的。应用指令的元素,就是宿主元素。假设我们已声明了一个 HighlightDi

2017-09-01 02:35:31 538

转载 ECMAScript 6:展开运算符 ...

同步发布于:http://mjzhang.cn/(转载请说明此出处)。JavaScript是ECMAScript的实现和扩展,ES6标准的制定也为JavaScript加入了许多新特性。本文主要记录展开运算符。展开运算符(spread operator)允许一个表达式在某处展开。展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以使用。展开运算符

2017-09-01 01:13:28 340

转载 Angular2 组件样式及host

原文链接:http://blog.csdn.net/u010977147/article/details/53740424对于我们写的每个 Angular 组件来说,除了定义 HTML 模板之外,我们还要定义用于模板的 CSS 样式、 指定任意的选择器、规则和媒体查询。实现方式之一,是在组件的元数据中设置styles属性。 styles属性可以接受一个包含 CSS 代码的字符串数组。 通常我们只

2017-08-31 02:16:53 4757 2

原创 跨域请求 禁用网络安全

在日常的项目开发时会不可避免的需要进行跨域操作,而在实际进行跨域请求时,经常会遇到类似 No ‘Access-Control-Allow-Origin’ header is present on the requested resource.这样的报错。 这样的错误,一般是由于CORS跨域验证机制设置不正确导致的。CORS验证机制需要客户端和服务端协同处理。在服务端还未设置好CORS验证机制时,客户

2017-08-31 00:09:04 769

转载 post Upload上传文件中multipart/form-data 做的那些事

原文链接:http://www.onmpw.com/tm/xwzj/network_35.html 大家在使用form上传文件的时候都用到过 enctype=”multipart/form-data” 这个属性,那multipart/form-data 到底有什么作用呢,下面我们就来聊一聊这个话题。首先我们先看一个案例 看第一种代码   <

2017-08-26 18:27:46 12691 1

转载 CORS——跨域请求那些事儿

原文链接:http://blog.csdn.net/u014344668/article/details/54948546CORS——跨域请求那些事儿摘要: CORS,一个看似有点“冷门”的领域,但在日常开发中实际上经常碰到这方面的问题。纵观各大技术论坛,却没有几个帖子能讲透CORS的那点事,本期云享团邀请嘉宾深扒了CORS的中外家史,为你打通跨域请求的“任督二脉”。【本期嘉宾介绍】睿得,具有多

2017-08-26 03:50:39 247

翻译 (八)共享相同的依赖注入树

原文链接:https://angular-2-training-book.rangle.io/handout/modules/shared-di-tree.html到目前为止,我们的问题是我们正在DI树的不同级别创建相同服务的两个实例。 在树的下部分支中创建的实例正在遮蔽根级别定义的实例。 解决方案? 为避免为延迟加载的模块在DI树的较低级别创建第二个实例,并且仅使用在树根的注册的服务实例。为了实现

2017-08-26 02:02:58 363

翻译 (七)共享模块和依赖注入

原文链接:https://angular-2-training-book.rangle.io/handout/modules/shared-modules-di.html现在我们已经证明,惰性加​​载的模块在依赖注入树上创建了自己的分支,我们需要学习如何处理通过共享模块导入的服务,这些服务是在一个渴望和惰性加载的模块中。我们来创建一个名为SharedModule的新模块,并在那里定义CounterS

2017-08-26 01:45:19 860

翻译 (六)懒加载和依赖注入树

原文链接:https://angular-2-training-book.rangle.io/handout/modules/lazy-load-di.htmlLazy加载的模块在依赖注入(DI)树上创建自己的分支。 这意味着有可能拥有属于延迟加载的模块的服务,这些模块无法由根模块或任何其他热插拔的应用程序模块访问。为了显示这个行为,我们继续上一节的例子,并向我们的LazyModule添加一个Cou

2017-08-26 01:36:34 790

翻译 (五)懒加载模块

原文链接:https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html使用模块来组合我们应用程序的相关功能的另一个优点是能够根据需要加载这些片段。 Lazy加载模块可帮助我们减少启动时间。 通过懒惰加载,我们的应用程序不需要一次加载所有内容,只需要加载用户在首次加载应用程序时看到的内容。 只有当用

2017-08-26 01:28:23 689

翻译 (四)指令重复

原文链接:https://angular-2-training-book.rangle.io/handout/modules/directive-duplications.html因为我们不再在需要每个组件中直接定义它所需的组件和指令,所以我们需要注意Angular模块如何处理具有相同的选择器的组件和指令。让我们假设一段时间,错误地,我们创建了两个selector属性相同的指令:该示例是官方文档中找

2017-08-26 01:14:55 517

翻译 (三)创建功能模块

原文链接:https://angular-2-training-book.rangle.io/handout/modules/feature-modules.html当我们的根模块开始增长时,最开始显而易见的是,某些元素(组件,指令等)在某方面相关联,几乎感觉他们属于可以被“插入”的库。在我们前面的例子中,我们开始看到了。 我们的根模块具有组件,管道和服务,其唯一目的是处理信用卡。 如果我们将这三个

2017-08-26 00:54:23 418

翻译 (二)向模块添加组件,管道和服务

原文链接:https://angular-2-training-book.rangle.io/handout/modules/multiple-elements.html在上一节中,我们学习了如何使用一个组件创建一个模块,但是我们知道情况并非如此。 我们的模块通常由多个组件,服务,指令和管道组成。 在本章中,我们将使用自定义组件,管道和服务来扩展我们以前的示例。我们首先定义一个新的组件,我们将用来显

2017-08-25 04:57:51 302

翻译 (一)什么是Angular模块?

原文链接:https://angular-2-training-book.rangle.io/handout/modules/introduction.html 什么是Angular模块?在Angular中,模块是一种用于组合相关联组件,指令,管道和服务的机制,可以与其他模块组合以创建应用程序。 一个Angular应用程序可以被认为是一个拼图,每个部分(或每个模块)能够看到完整的图片。为了理解

2017-08-25 02:37:14 940

转载 Angular2:The Injector Tree 注射器树

原文链接: https://angular-2-training-book.rangle.io/handout/di/angular2/the_injector_tree.htmlThe Injector TreeAngular injectors (generally) return singletons. That is, in the previous example,all compon

2017-08-22 02:23:24 453

转载 Angular2 Access Child Components From the Template

原文链接:https://angular-2-training-book.rangle.io/handout/components/app_structure/access_child_components_from_template.htmlAccess Child Components From the TemplateIn our templates, we may find ourselve

2017-08-18 02:24:16 266

转载 Angular2 使用ngcontent 投影来自父组件的html(Projection)

原文链接:https://angular-2-training-book.rangle.io/handout/components/projection.html ProjectionProjection is a very important concept in Angular. It enables developers to

2017-08-18 02:17:47 1375

转载 Observer Metodo:onNext, onCompleted, and onError

原文链接:http://reactivex.io/documentation/observable.html onNext, onCompleted, and onError The Subscribe method is how you connect an observer to an Observable. Your observer implements some subset of t

2017-08-16 21:09:36 1206

转载 Understanding Subjects in RxJS

原文链接:https://netbasal.com/understanding-subjects-in-rxjs-55102a190f3Understanding Subjects in RxJS<img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/m

2017-08-16 20:47:57 192

转载 Observables and Reactive Programming in Angular 2

原文链接:http://blog.rangle.io/observables-and-reactive-programming-in-angular-2/ Observables and Reactive Programming in Angular 2 Written by Tyler Borchert08 April 2016

2017-08-16 20:37:15 416

转载 Subject 与 Observable 的区别

原文链接:http://javascript.tutorialhorizon.com/2017/03/23/rxjs-subject-vs-observable/In order to under­stand the dif­fer­ence between a Sub­ject and an Observ­able, you need to be aware of two dis­tinct co

2017-08-16 20:01:01 2811

转载 Angular2:Cold vs Hot Observables

原文链接:https://angular-2-training-book.rangle.io/handout/observables/cold_vs_hot_observables.html Cold vs Hot ObservablesObservables can be classified into two main groups: hot and cold Observables.

2017-08-16 19:29:01 321

转载 Angular2:Observables Array Operations

原文链接:https://angular-2-training-book.rangle.io/handout/observables/observables_array_operations.html Observables Array OperationsIn addition to simply iterating over an asynchronous collection, we ca

2017-08-16 19:22:42 463

转载 Angular2 使用 Observables From Other Sources

原文链接:https://angular-2-training-book.rangle.io/handout/observables/using_observables_from_other_sources.html Using Observables From Other SourcesIn the example above we c

2017-08-16 19:16:56 407

转载 Angular2 创建与使用Observable

原文链接:https://angular-2-training-book.rangle.io/handout/observables/using_observables.htmlUsing ObservablesLet’s take a look at a basic example of how to create and use an Observable in an Angular compo

2017-08-16 19:01:06 1469

转载 css实现两个div并排等高

原文链接:http://blog.csdn.net/qinshenxue/article/details/44861695css实现两个div并排等高 css实现两个div并排等高方法一 table-cell代码运行结果方法二 css3盒模型代码运行结果方法一 table-cell代码<!DOCTYPE html><html><head> <meta cha

2017-08-16 16:45:07 1388

转载 Angular2 Http

原文链接:http://www.cnblogs.com/SLchuck/p/5930740.html 1. 使用Http绝大部分应用程序都会和后台服务打交道,Http是浏览器和服务器之间通讯的主要协议,通过Http调用来访问远程服务器上相应的 Web API。HttpModule 并不是 Angular 的核心模块,通过Angular包中一个名叫 @angular/http

2017-08-04 02:44:58 1146

转载 Angular2学习 Http通信

原文链接:https://segmentfault.com/a/1190000008734949 前言接上篇,虽然一下子从创建项目就到了http通信,看上去是有点猴急,但没办法,走到哪里就算哪里吧。在这里,我描述三个场景,即系统的注册与登录,及登录后的操作。1、注册场景,前端页面传入用户名密码,通过一个api接口传到后台,在后台对这用户及密码进行保存;2、登录场景,前端用户传入用户名及密码,通过

2017-08-04 02:28:32 590

转载 RxJS - Subject

原文链接:https://segmentfault.com/a/1190000008886598Observer Pattern观察者模式定义观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。我们可以使用日常生活中,期刊订阅的例子来形象地解

2017-08-03 03:46:48 600

转载 Angular2学习:Subject和Observable 文章标题

原文链接:http://blog.csdn.net/superpeepi_csdn/article/details/72673122Subject是微信公众号,Observable是微信用户。1个Subject可以对应n个不同的Observable,Observable只要向Subject要求接收,每次Subject的更新都能即时收到。就如1个微信公众号可以有n个没用必然关系的微信用户,

2017-08-03 03:14:00 952

转载 JavaScript 复制对象【Object.assign方法无法实现深复制】

在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol(ES6 新增),而复杂数据类型包括Object,而所有其他引用类型(Array、Date、RegExp、Function、基本包装类型(Boolean、String、Number)、Math等)都是Object类型的实例对

2017-08-03 03:06:00 567

转载 javascript之Object.assign()痛点

最近也一直会用javascript,然后中间使用的一些组件,如Echarts 会有非常复杂的配置文件,而大部分配置可能都是一样的,所以想着写一份通用配置,然后,其他地方需要使用的时候,用这份配置深拷贝一份配置,然后在上面继续改。就如下:const defaultOpt = { key1: xxx, key2: { dd: ee }, .....};/

2017-08-03 02:50:04 287

转载 Angular2学习笔记——Observable

Reactive Extensions for Javascript 诞生于几年前,随着angular2正式版的发布,它将会被更多开发者所认知。RxJs提供的核心是Observable对象,它是一个使用可观察数据序列实现组合异步和事件编程。跟这个很类似的异步编程模型是Promise,Promise是基于状态变化的异步模型,一旦由等待状态进入成功或失败状态便不能再次修改,当状态变化时订阅者只能够拿到

2017-08-03 02:33:47 937

转载 JointJS流程图

原文链接:http://www.cnblogs.com/liuyungao/p/5624163.html   最近项目上需要用流程图来做问题定界分析,之前有同事用jsPlumb做过,但是阅读代码后觉得比较麻烦,所以自己又找了一圈,找到一个叫Dagre-D3的开源类库,画出来的效果如下图,Dagre-D3最大的优点就是可以实现自动布局,你只需要put数据就可以了,但是缺点就是自动

2017-08-01 01:58:13 5649 2

转载 详解Angular2组件之间如何通信

原文链接:http://www.jb51.net/article/116899.htm 组件之间的共享可以有好几种方式父->子 input 方式import {Component,Input} from 'angular2/core';@Component({ selector: 'child', template: ` <h2>child {{content}}</h2>

2017-07-31 02:35:41 461

转载 Angular2学习笔记——在子组件中拿到路由参数

原文链接:http://www.cnblogs.com/dojo-lzz/p/5883408.html  工作中碰到的问题,特此记录一下。  Angular2中允许我们以`path\:id\childPath`的形式来定义路由,比如:export const appRoutes: RouterConfig = [{ path: 'app/:id', component: AppCompon

2017-07-31 02:12:09 570

转载 Angular 2 路由

原文链接:http://blog.csdn.net/huangyezi/article/details/51661483 Angular 2 路由angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换。路由定义先看一个简单的路由定义///<

2017-07-31 01:36:00 457

转载 利用Angular2的Observables实现交互控制

http://codin.im/2016/09/17/observables-in-angular2-translate/本文翻译自TAKING ADVANTAGE OF OBSERVABLES IN ANGULAR 2。在Angular1.x中,我们使用Promise来处理各种异步。但是在angular2中,使用的是Reactive Extensions (Rx)的Observable。对于Pr

2017-07-31 00:56:10 622

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除