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官方文档中文教程 推荐：★★★★★

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