Angular 4.x 修仙之路

3

ng-content 中隐藏的内容

semlinker 5 天前发布
收藏

如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content>，并找到了一些关于它的文章，进而实现了所需的功能。接下来我们来通过一个简单的示例，一步步介...

2

Angular 开发者常犯的错误

semlinker 8月1日发布
1 收藏

本文基于 Top Common Mistakes of Angular Developers 这篇文章的内容进行整理和扩展，建议有兴趣的读者直接阅读原文。如果你刚接触 Angular，也可以参考一下 Angular 常见问题汇总这篇文章。 Angular vs Angula...

0

Angular 中自定义 Debounce Click 指令

semlinker 7月26日发布
2 收藏

在这篇文章中，我们将介绍使用 Angular Directive API 来创建自定义 debounce click 指令。该指令将处理在指定时间内多次点击事件，这有助于防止重复的操作。对于我们的示例，我们希望在产生点击事件时，实现去...

2

Angular Renderer (渲染器)

semlinker 7月24日发布
3 收藏

Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试与重构。另外的好处是，由于这种解耦，使得我们的应用能够运行在其它平台 (比如：Node.js...

3

Angular HTTP Client 快速入门

semlinker 7月19日发布
8 收藏

之前激动人心的 Angular HttpClient 这篇文章已经介绍过 HttpClient ，今天看到 angular-university 博客中介绍 HttpClient 的文章，内容很详细，我就简单做了整理。有兴趣的话，建议直接阅读原文。 HttpClient...

18

TypeScript 资源集

semlinker 7月11日发布
94 收藏

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 扩展了 JavaScript 的句法，所以任何现有的 J...

4

激动人心的 Angular HttpClient

semlinker 7月10日发布
9 收藏

Angular 4.3.0-rc.0 版本已经发布🐦。在这个版本中，我们等到了一个令人兴奋的新功能 - HTTPClient API 的改进版本，以后妈妈再也不用担心我处理 HTTP 请求了😆。 HttpClient 是已有 Angular HTTP API 的演进，它在...

2

Angular 中何时取消订阅

semlinker 7月8日发布
1 收藏

你可能知道当你订阅 Observable 对象或设置事件监听时，在某个时间点，你需要执行取消订阅操作，进而释放操作系统的内存。否则，你的应用程序可能会出现内存泄露。接下来让我们看一下，需要在 ngOnDestroy 生命...

3

使用 RxJS 处理多个 Http 请求

semlinker 7月7日发布
6 收藏

有时候进入某个页面时，我们需要从多个 API 地址获取数据然后进行显示。管理多个异步数据请求会比较困难，但我们可以借助 Angular Http 服务和 RxJS 库提供的功能来实现上述的功能。处理多个请求有多种方式，使用...

2

Angular Reactive Form 表单验证

semlinker 7月5日发布
1 收藏

本文我们将介绍 Reactive Form 表单验证的相关知识，具体内容如下：使用内建的验证规则动态调整验证规则自定义验证器自定义验证器 (支持参数) 跨字段验证基础知识内建验证规则 Angular 提供了一些内建的 va...

1

Angular 中自定义 toJSON 操作符

semlinker 7月1日发布
收藏

如果对 RxJS 的 operators (操作符) 不熟悉的话，建议读者在阅读本文时，先阅读 RxJS - Observables, observers 和 operators 简介这篇文章。基础知识什么是 Operator Operator 是一个函数，它接收一个 Observ...

3

Angular 表单简介

semlinker 6月28日发布
4 收藏

Angular 中有两种表单： Template-driven Forms (类似于 AngularJS 1.x 中的表单 ) Reactive Forms Template-driven 表单的特点使用方便适用于简单的场景通过 [(ngModel)] 实现数据双向绑定自动生成 Form Mod...

7

RxJS - Observables, observers 和 operators 简介

semlinker 6月25日发布
8 收藏

RxJS 是响应式编程 (reactive programming) 强大的工具，今天我们将深入介绍 Observables 和 Observers 的内容，以及介绍如何创建自己的操作符 (operators)。如果你之前已经使用过 RxJS，并希望了解 Observable ...

1

Angular 表单控件示例

semlinker 6月24日发布
3 收藏

本文的主要是演示 Template-driven 中，一些常用控件的使用方式，仅供参考。具体请根据实际业务需求做相应调整。本文将介绍 Angular Template-driven 表单中，常用控件的使用。涉及的表单控件如下： text number...

9

TypeScript 简介

semlinker 6月21日发布
21 收藏

建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路 - 153742079 (群名称规则：城市 + 昵称)。 TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且...

4

Reactive Forms Multiple Checkboxs

semlinker 6月20日发布
收藏

今早 (2017-06-20) 收到深夜徘徊的邀请，让我帮忙解答 - angular2如何双向绑定多个checkbox？这个问题。具体问题如下：比如我又一个数组如下： {代码...} html模板中 {代码...} 我盖如何实现，选中其中一个ch...

3

ng-conf-2017 - Angular Form Validation

semlinker 6月18日发布
收藏

YouTube 地址：ng-conf-2017 - Angular Form ValidationGoogle Doc：PPT 目录第一节 - 验证概述第二节 - 设置基本的验证第三节 - 即将到来的验证功能第一节 - 验证概述同步验证器同步验证器函数 {代码...} ...

6

Angular 4 基础教程

semlinker 6月17日发布
34 收藏

本系列教程的主要内容来源于 egghead.io get-started-with-angular 视频教程，但针对视频中的介绍的知识点做了适当地补充，建议有兴趣的同学直接查看该视频教程。另外建了个群有兴趣的朋友可以加一下 QQ 群：Angu...

5

Angular CLI 终极指南

semlinker 6月14日发布
23 收藏

建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路 - 153742079 (群名称规则：城市 + 昵称)。 Angular CLI 是什么？ Angular CLI 是一个命令行接口(Command Line Interface)，用于实现自动化开发工作流程...

6

Angular 4 快速入门

semlinker 6月11日发布
37 收藏

建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路 - 153742079 (群名称规则：城市 + 昵称)。目录第一节 - Angular 简介第二节 - Angular 环境搭建第三节 - 插值表达式第四节 - 自定义组件第五节 - ...