Angular 中的可观察对象

Angular 中的可观察对象

Angular 使用可观察对象作为处理各种常用异步操作的接口。比如:EventEmitter 类派生自 Observable。HTTP 模块使用可观察对象来处理 AJAX 请求和响应。路由器和表单模块使用可观察对象来监听对用户输入事件的响应。EventEmi...
Angular之Rxjs学习

Angular之Rxjs学习

简介RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软,它是一种针对异步数据流的编程。简单来说,它将一切数据,包括HTTP请求,DOM事件或者普通数据等包装成流的形式,然后用强大丰富的操作符对流进行处理,使...
Angular之Observable学习

Angular之Observable学习

简介可观察对象(Observable)支持在应用中的发布者和订阅者之间传递消息。可观察对象(Observable)可以发送多个任意类型的值 —— 字面量、消息、事件。基本用法和词汇Observable 用于在发送方和接收方之间传输消息。在创建...
Angular之模板驱动表单

Angular之模板驱动表单

在 Angular知识学习(一)中有讲述到表单的知识,不过那是最基础的演示,在之后的学习中又了解到模板驱动表单,所以考虑对之前的表单案例进行重构,完善表单功能,让案例更接近应用。根据官网模板驱动表单的知识内容,我们...
Angular之NgForm学习

Angular之NgForm学习

NgForm 创建一个顶级的 FormGroup 实例,并把它绑定到一个表单,以跟踪表单的聚合值及其验证状态。官方文档说明: 只要你导入了 FormsModule,该指令就会默认在所有<form>标签上生效。你不需要再添加任何特殊的选择器。...
Angular之NgModel指令学习

Angular之NgModel指令学习

NgModel 指令使用场景比较多,还会和 NgForm 结合使用,所以非常有必要单独写一篇学习笔记。NgModel 根据领域对象创建一个 FormControl 实例,并把它绑定到一个表单控件元素上。官方说明: 这个 FormControl 实例将会跟踪...
Angular之属性型指令学习

Angular之属性型指令学习

在 Angular 中有三种类型的指令:组件 — 拥有模板的指令结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。组件是这三种指令中最常用的。 你在快速上手例...
Angular基础知识学习(三)

Angular基础知识学习(三)

路由简单路由案例1、命令创建项目ng new angualrdemo04执行该命令时,会有这么一段内容询问你是否需要创建路由。Would you like to add Angular routing? (y/N)输入 y 便可给项目中增加路由设置,新建的项目文件结构如下:...
Angular基础知识学习(二)

Angular基础知识学习(二)

服务创建服务之后,我们在 StorageService.service.ts 中定义一个测试方法:export class StorageService { constructor() { } test() { alert('调用服务方法'); }}我们重新建立一个 home 组件,来测试服务调用。<...
Angular基础知识学习(一)

Angular基础知识学习(一)

属性、元素操作以及指令普通数据新建 news 组件,首先在 news.component.ts 文件中定义变量:import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-news', templateUrl: './news.component.ht...