tanglau的专栏

在 AngularJS 1 中，如果想切换DOM元素的显示状态，估计你会用 AngularJS 1 内置的指令如： ng-show 或者 ng-hide : AngularJS 1 示例： Hello, there! 而 angular2 里，新的模版语法允许你将表达式绑定到DOM元素的任何原生属性上。 这个绝对牛逼的功能带来了无限的可能。其中一项就是绑定表达式到原生的 h

转自： http://www.open-open.com/lib/view/open1461113267205.html 只有极少的情况需要直接操作 DOM 。 angular2 提供了一系列牛X的高阶APIs来完成你期望的 DOM 操作，例如：queries。利用 angular2 提供的这些APIs有如下优势： 单元测试里不直接操作 DOM 可以降低测试复杂度，使你的测试用

http://www.open-open.com/lib/view/open1461113267205.html 如果你想获取的元素不在你的组件模版定义里怎么办？举个例子，假设你有个列表组件，允许用户自定义各列表项，然后你想跟踪列表项的数量。 当然你可以用 @ContentChildren 来获取组件里的“内容”(那些用户自定义，然后映射到你组件里的内容)，但因为这些内容可以是任意

http://www.open-open.com/lib/view/open1461113267205.html 第一次使用queries时，很容易犯这样的错： 在构造器里打印query的结果(错误) @Component({...}) export class MyComp { @ViewChild(SomeDir) someDir: SomeDir; const

http://www.open-open.com/lib/view/open1461113267205.html 在 AngularJS 1 里，如果想要监听一个数据的变化，需要设置一个 $scope.$watch ， 然后在每次digest cycle里手动判断数据变了没。在 angular2 里， ngOnChanges 钩子把这个过程变得异常简单。只要你在组件里定义了 ngOnCh

在 angular2 里，我们介绍了一个新概念叫"structural directives"，用来描述那些根据表达式在 DOM 上或增加、或删除元素的指令。和其他指令不同，"structural directive"要么作用在template tag上、 要么配合template attribute使用、要么前缀"*"作为简写语法糖。因为这个新语法特性，初学者常常犯错。 你能分辨出来以下错