Angular 4.x 学习导引

What is the difference between AngularJs and Angular 2 推荐：★★★★

basic understanding.

Angular 4.0学习教程之架构详解 推荐：★★★★

1.双花括号是单向绑定，传递的是值。方向是 组件 -> 模板。2.方括号是单向绑定，传递的是属性。方向是 父组件 -> 子组件。3.圆括号是事件绑定，处理点击等活动（action）。4.方括号套圆括号是双向绑定，方向是 组件 <-> 模板。

Angular4 中常用的指令入门总结 推荐：★★★

使用 @ViewChild 和模板变量，具体示例如下：

@Component({ selector: 'my-comp', template: ` <input #myInput type="text" /> <div> Some other content </div> `})export class MyComp implements AfterViewInit { @ViewChild('myInput') input: ElementRef; constructor(private renderer: Renderer) {} ngAfterViewInit() { this.renderer.invokeElementMethod( this.input.nativeElement, 'focus'); }}

Angular 4 指令快速入门教程 推荐：★★★

逐步教程讲解如何自定义创建一个指令(directive)

Angular 2/4 Child Routes and Relative Navigation Example 推荐：★★★★★

nice article.

Angular 4.x 修仙之路 推荐：★★★★★

这是个系列文章，本系列的出发点是从点到面的思路，把 Angular 中的知识点打散掉，然后逐一介绍，尽量会使用简单的示例，让大家基础掌握每个知识点，最后才会通过具体实例把知识点串起来。

Angular官方文档中文教程 推荐：★★★★★

官方教程，一步步跟下来的话基本就成了。中英对照逐行对照，流畅的阅读体验，关键的句子还可以方便的查看原文加深理解，很赞。