Angular 4.x 修仙之路

2

Angular 2 Pass Async Data

semlinker 2017年04月08日发布
10 收藏

本文的主要内容是介绍父子组件通信时，如何传递异步的数据。我们将通过一个具体的示例，来介绍不同的处理方式。假设我们有一个博客组件，用来显示博主信息和分类的帖子列表信息。具体如下图所示：

9

Angular 4.x HttpModule 揭秘

semlinker 2017年04月11日发布
33 收藏

更新时间 - 2017-04-20 更新内容 - Connection致命逻辑错误，感谢深圳-shadows 刊误

6

Angular 4.x Template-Driven Forms

semlinker 2017年04月12日发布
11 收藏

Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )

9

Angular 4.x Reactive Forms

semlinker 2017年04月12日发布
19 收藏

Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )

5

Angular 4.x 基于AbstractControl自定义表单验证

semlinker 2017年04月13日发布
15 收藏

Angular 为我们提供了多种方式和 API，进行表单验证。接下来我们将介绍如何利用 AbstractControl 实现 FormGroup 的验证。文章中会涉及 FormGroup 、FormControl 和 FormBuilder 的相关知识，因此建议不了解上述...

10

Angular 4.x 自定义验证指令

semlinker 2017年04月13日发布
14 收藏

表单是几乎每个 Web 应用程序的一部分。虽然 Angular 为我们提供了几个内置 validators (验证器)，但在实际工作中为了满足项目需求，我们经常需要为应用添加一些自定义验证功能。接下来我们将着重介绍，如何自定...

26

Angular 4.x 自定义表单控件

semlinker 2017年04月14日发布
36 收藏

是否已经有相同语义的 native (本机) 元素？如：<input type="number">

4

Angular 4.x Forms patchValue and setValue

semlinker 2017年04月17日发布
6 收藏

在 Angular 4.x 中有多种方式可以更新表单的值，对于使用响应式表单的场景，我们可以通过框架内部提供的 API ，(如 patchValue 和 setValue )方便地更新表单的值。这篇文章我们将介绍如何使用 patchValue 和 setV...

25

Angular 4.x FAQ

semlinker 2017年04月17日发布
78 收藏

近期回答了 SF 上和 QQ 群里面的一些问题，发现一些问题对初学者来说，都可能会遇到。个人精力有限，建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路(1)群 - 153742079 (已满)，请加 Angular 修仙之路(2...

21

Angular 4.x ngModel 双向绑定原理揭秘

semlinker 2017年04月19日发布
42 收藏

在 Angular 4.x 中对于使用 Template-Driven 表单场景，如果需要实现表单数据绑定。我们就需要引入 ngModel 指令。该指令用于基于 domain 模型，创建 FormControl 实例，并将创建的实例绑定到表单控件元素上。

6

Angular 4.x Events Bubbling

semlinker 2017年04月21日发布
12 收藏

Angular 组件和 DOM 元素通过事件与外部进行通信， Angular 事件绑定语法对于组件和 DOM 元素来说是相同的 - (eventName)="expression" ：

3

Angular 4.x EventManager & Custom EventManagerPlugin

semlinker 2017年04月22日发布
5 收藏

在继续分析绑定多个事件之前，我们先来分析一下，如果在模板中绑定一个事件如 click 事件，Angular 是如何工作的？

40

Angular 4.x 动态创建组件

semlinker 2017年04月24日发布
55 收藏

上面代码中，我们定义了一个简单的 alert 组件，该组件有一个输入属性 type ，用于让用户自定义提示的类型。我们的自定义组件最终是一个实际的 DOM 元素，因此如果我们需要在页面中插入该元素，我们就需要考虑在...

17

Angular 4.x 动态创建表单

semlinker 2017年04月25日发布
23 收藏

在阅读本文之前，请确保你已经掌握 Angular 响应式表单和动态创建组件的相关知识，如果对相关知识还不了解，推荐先阅读一下 Angular 4.x Reactive Forms 和 Angular 4.x 动态创建组件这两篇文章。对于已掌握的读...

12

Angular 4.x LocationStrategy

semlinker 2017年04月28日发布
19 收藏

只读的，其值为一个整数，标志包括当前页面在内的会话历史中的记录数量，比如我们通常打开一个空白窗口，length 为 0，再访问一个页面，其 length 变为 1。

9

Angular 4.x Router Link Directives

semlinker 2017年05月01日发布
13 收藏

RouterLink 指令可以让你链接到应用程序的特定部分。若链接是静态的，我们可以按照以下的方式，来使用该指令：

39

Angular 4.x 路由快速入门

semlinker 2017年05月02日发布
49 收藏

建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路(1)群 - 153742079 (已满)，请加 Angular 修仙之路(2)群 - 648681235。

10

Angular 4.x Injector

semlinker 2017年05月03日发布
11 收藏

在介绍 Angular Injector (注入器) 之前，我们先要了解 Dependency Injection，即依赖注入的概念。

8

Angular 2.x 结构指令

semlinker 2017年05月05日发布
14 收藏

结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor。

14

Angular NgModule 作用域相关问题

semlinker 2017年05月12日发布
17 收藏

NgModule 是你使用 Angular 编写应用程序时遇到的第一个基本结构，但由于涉及不同的作用域范围，它也是最微妙和最复杂的。如果你想详细了解 NgModule 的相关知识，可以直接参考 Angualr NgModule FAQ 或 Angular ...