![](https://img-blog.csdnimg.cn/20190923103550166.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Angular
吕阿蒙
非淡泊无以明志,
非宁静无以致远。
展开
-
Angular--(三)服务Service
服务Service的作用 共享数据 在组件中定义的信息是固定的,假设另外一个组件也需要用到这些信息,这时候就用到服务,实现共享数据和方法 封装方法 组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。 数据持久化 Service可以从任何地方获取数据:Web 服务、本地存储(LocalStora...原创 2019-05-13 18:08:05 · 263 阅读 · 0 评论 -
Angular--(一)安装配置和创建项目
从今天开始学习Angular,把每天学到的知识点记录一下!介绍:Angualr 是一款来自谷歌的开源的 web 前端框架,Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。Angular环境搭建安装nodejs 安装cnpm 使用npm/cnpm 命令安装 angular/cli...原创 2019-05-09 18:41:10 · 166 阅读 · 0 评论 -
Angular--(四)组件之间的通讯
一、父组件给子组件传值@input1、父组件调用子组件的时候传入数据<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 · 160 阅读 · 0 评论 -
Angular--(二)常用方法记录
ng g component components/header //创建组件1、数据文本绑定<h1> {{title}} // Angular 中使用 {{}} 绑定业务逻辑里面定义的数据</h1>2、绑定 htmlthis.h="<h2>这是一个h2用的[innerHTML]来解析</h2>"<div ...原创 2019-05-10 19:20:57 · 159 阅读 · 0 评论 -
Angular--(五)生命周期函数
生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当Angular使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些生命周期钩子方法。constructor 构造函数中除了使用简单的值对局部变量进行初始化之外,什么都不应该做。 (非生命周期函数) ngOnChanges() 当Angular(重新)设置数据绑定输入属性时...原创 2019-05-15 18:03:54 · 378 阅读 · 0 评论 -
Angular--(六)Rxjs异步数据流编程
一、Rxjs介绍RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软,它是一种针对异步数据流的编程。简单来说,它将一切数据,包括HTTP请求,DOM事件或者普通数据等包装成流的形式,然后用强大丰富的操作符对流进行处理,使你能以同步编程的方式处理异步数据,并组合不同的操作符来轻松优雅的实现你所需要的功能。RxJS是一种针对异步数据流编...原创 2019-05-15 18:13:59 · 271 阅读 · 0 评论 -
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 · 639 阅读 · 0 评论