2019年05月_吕阿蒙

原创 Angular--（七）网络请求

一、Angular get 请求数据 1、在 app.module.ts 中引入 HttpClientModule 并注入 import {HttpClientModule} from "@angular/common/http"; imports: [ BrowserModule, HttpClientModule ] 2、在用到的地方引入 HttpClient 并在...

2019-05-15 18:27:19 654

原创 Angular--（六）Rxjs异步数据流编程

一、Rxjs介绍 RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软，它是一种针对异步数据流的编程。简单来说，它将一切数据，包括HTTP请求，DOM事件或者普通数据等包装成流的形式，然后用强大丰富的操作符对流进行处理，使你能以同步编程的方式处理异步数据，并组合不同的操作符来轻松优雅的实现你所需要的功能。 RxJS是一种针对异步数据流编...

2019-05-15 18:13:59 298

原创 Angular--（五）生命周期函数

生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当Angular使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法。 constructor 构造函数中除了使用简单的值对局部变量进行初始化之外，什么都不应该做。 (非生命周期函数) ngOnChanges() 当Angular(重新)设置数据绑定输入属性时...

2019-05-15 18:03:54 387

原创 Angular--（四）组件之间的通讯

一、父组件给子组件传值@input 1、父组件调用子组件的时候传入数据 <app-header [msg]="msg"></app-header> 2、子组件引入Input模块 import { Component, OnInit,Input } from '@angular/core'; 3、子组件中@Input接收父组件传过来的数据 export cl...

2019-05-14 19:29:03 164

原创 Angular--（三）服务Service

服务Service的作用共享数据在组件中定义的信息是固定的，假设另外一个组件也需要用到这些信息，这时候就用到服务，实现共享数据和方法封装方法组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。数据持久化 Service可以从任何地方获取数据：Web 服务、本地存储（LocalStora...

2019-05-13 18:08:05 274

原创 Angular--（二）常用方法记录

ng g component components/header //创建组件 1、数据文本绑定 <h1> {{title}} // Angular 中使用 {{}} 绑定业务逻辑里面定义的数据 </h1> 2、绑定 html this.h="<h2>这是一个h2用的[innerHTML]来解析</h2>" <div ...

2019-05-10 19:20:57 166

原创 iOS多线程-GCD的总结

GCD（ Grand Central Dispatch ）是异步执行任务的技术之一开发者只需要定义想执行的任务并追加到适当的 Dispatch Queue 中，GCD 就能生成必要的线程并计划的执行任务 Dispatch Queue 是执行处理的等待队列（先进先出），共有两种等待队列： Serial Dispatch Queue 等待处理结束队列（串行） Concurrent Disp...

2019-05-10 18:20:29 90

原创 Angular--（一）安装配置和创建项目

从今天开始学习Angular，把每天学到的知识点记录一下！介绍：Angualr 是一款来自谷歌的开源的 web 前端框架，Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。 Angular环境搭建安装nodejs 安装cnpm 使用npm/cnpm 命令安装 angular/cli ...

2019-05-09 18:41:10 172

吕阿蒙的博客