- 博客(6)
- 收藏
- 关注
RSS订阅转载 ngFor
在 angular2 里，我们介绍了一个新概念叫"structural directives"，用来描述那些根据表达式在 DOM 上或增加、或删除元素的指令。和其他指令不同，"structural directive"要么作用在template tag上、 要么配合template attribute使用、要么前缀"*"作为简写语法糖。因为这个新语法特性，初学者常常犯错。你能分辨出来以下错
2017-06-29 13:31:01
1113
转载 不能用 ngOnChanges 侦测query结果集的变化, 要用 observable subscribe
http://www.open-open.com/lib/view/open1461113267205.html在 AngularJS 1 里，如果想要监听一个数据的变化，需要设置一个 $scope.$watch ， 然后在每次digest cycle里手动判断数据变了没。在 angular2 里， ngOnChanges 钩子把这个过程变得异常简单。只要你在组件里定义了 ngOnCh
2017-06-29 11:50:01
1022
转载 使用@ViewChild @ViewChildren(ngAfterViewInit)， @ViewChild@ViewChildren(ngAfterContentInit)
http://www.open-open.com/lib/view/open1461113267205.html第一次使用queries时，很容易犯这样的错：在构造器里打印query的结果(错误)@Component({...})export class MyComp { @ViewChild(SomeDir) someDir: SomeDir; const
2017-06-29 11:45:25
2010
转载 获取列表元素(Directive,selector,ContentChildren)
http://www.open-open.com/lib/view/open1461113267205.html如果你想获取的元素不在你的组件模版定义里怎么办？举个例子，假设你有个列表组件，允许用户自定义各列表项，然后你想跟踪列表项的数量。当然你可以用 @ContentChildren 来获取组件里的“内容”(那些用户自定义，然后映射到你组件里的内容)，但因为这些内容可以是任意
2017-06-29 11:40:03
943
转载 获取html元素(#, @ViewChild @ViewChildren ElementRef)
转自： http://www.open-open.com/lib/view/open1461113267205.html只有极少的情况需要直接操作 DOM 。 angular2 提供了一系列牛X的高阶APIs来完成你期望的 DOM 操作，例如：queries。利用 angular2 提供的这些APIs有如下优势：单元测试里不直接操作 DOM 可以降低测试复杂度，使你的测试用
2017-06-29 11:29:10
1878
转载 用*ngIf 代替 hidden
在 AngularJS 1 中，如果想切换DOM元素的显示状态，估计你会用 AngularJS 1 内置的指令如： ng-show 或者 ng-hide :AngularJS 1 示例： Hello, there!而 angular2 里，新的模版语法允许你将表达式绑定到DOM元素的任何原生属性上。 这个绝对牛逼的功能带来了无限的可能。其中一项就是绑定表达式到原生的 h
2017-06-29 11:14:12
11446
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人