![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
tanglau
这个作者很懒,什么都没留下…
展开
-
用*ngIf 代替 hidden
在 AngularJS 1 中,如果想切换DOM元素的显示状态,估计你会用 AngularJS 1 内置的指令如: ng-show 或者 ng-hide :AngularJS 1 示例: Hello, there!而 angular2 里,新的模版语法允许你将表达式绑定到DOM元素的任何原生属性上。 这个绝对牛逼的功能带来了无限的可能。其中一项就是绑定表达式到原生的 h转载 2017-06-29 11:14:12 · 11437 阅读 · 3 评论 -
获取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 · 1867 阅读 · 0 评论 -
获取列表元素(Directive,selector,ContentChildren)
http://www.open-open.com/lib/view/open1461113267205.html如果你想获取的元素不在你的组件模版定义里怎么办?举个例子,假设你有个列表组件,允许用户自定义各列表项,然后你想跟踪列表项的数量。当然你可以用 @ContentChildren 来获取组件里的“内容”(那些用户自定义,然后映射到你组件里的内容),但因为这些内容可以是任意转载 2017-06-29 11:40:03 · 937 阅读 · 0 评论 -
使用@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 · 2005 阅读 · 0 评论 -
不能用 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 · 1013 阅读 · 0 评论 -
ngFor
在 angular2 里,我们介绍了一个新概念叫"structural directives",用来描述那些根据表达式在 DOM 上或增加、或删除元素的指令。和其他指令不同,"structural directive"要么作用在template tag上、 要么配合template attribute使用、要么前缀"*"作为简写语法糖。因为这个新语法特性,初学者常常犯错。你能分辨出来以下错转载 2017-06-29 13:31:01 · 1109 阅读 · 0 评论