吕阿蒙的博客

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

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

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

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

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

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

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