全栈修仙之路

聚焦全栈，专注分享 Angular、TypeScript、Node.js/Java 、Spring 技术栈等全栈干货。欢迎小伙伴们关注公众号全栈修仙之路，一起升级打怪。

Angular 2 Pass Async Data

semlinker 2017-04-08 发布
11 收藏

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

Angular 4.x HttpModule 揭秘

semlinker 2017-04-11 发布
34 收藏

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

Angular 4.x Template-Driven Forms

semlinker 2017-04-12 发布
13 收藏

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

Angular 4.x Reactive Forms

semlinker 2017-04-12 发布
21 收藏

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

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

semlinker 2017-04-13 发布
16 收藏

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

Angular 4.x 自定义验证指令

semlinker 2017-04-13 发布
15 收藏

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

Angular 4.x 自定义表单控件

semlinker 2017-04-14 发布
39 收藏

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

Angular 4.x Forms patchValue and setValue

semlinker 2017-04-17 发布
7 收藏

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

Angular 4.x FAQ

semlinker 2017-04-17 发布
79 收藏

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

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

semlinker 2017-04-19 发布
44 收藏

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

Angular 4.x Events Bubbling

semlinker 2017-04-21 发布
13 收藏

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

Angular 4.x EventManager & Custom EventManagerPlugin

semlinker 2017-04-22 发布
6 收藏

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

Angular 4.x 动态创建组件

semlinker 2017-04-24 发布
57 收藏

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

Angular 4.x 动态创建表单

semlinker 2017-04-25 发布
27 收藏

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

Angular 4.x LocationStrategy

semlinker 2017-04-28 发布
20 收藏

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

Angular 4.x Router Link Directives

semlinker 2017-05-01 发布
15 收藏

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

Angular 4.x 路由快速入门

semlinker 2017-05-02 发布
51 收藏

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

Angular 4.x Injector

semlinker 2017-05-03 发布
12 收藏

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

Angular 2.x 结构指令

semlinker 2017-05-05 发布
15 收藏

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

Angular NgModule 作用域相关问题

semlinker 2017-05-12 发布
18 收藏

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