什么是正确的方式访问本地元素在角度2(2差异)
所以我看到代码使用：
所以我看到代码使用：
constructor(ele: ElementRef) {
let myEl = ele.nativeElement;
// do some work on myEl such as jQuery(myEl).hide()
...
以及通过BrowserDomAdapter使用本机dom的代码：
constructor(viewContainer:ViewContainerRef) {
let dom = new BrowserDomAdapter();
let el = viewContainer.element.nativeElement;
let myEle = dom.getElementsByClassName(el,element)[0];
// or jQuery(myEle).hide()
...
我想知道什么是Pro / Cons和“正当”的做事方式.
不幸的是,文档似乎很少.
我假设后者会通过界面给你WebWorkers支持,但这只是我的假设.
<div #foo>
@ViewChild() foo;
ngAfterViewInit(){
foo.nativeElement...
}
或如果被转载
@ContentChild() foo;
ngAfterContentInit(){
foo.nativeElement...
}
允许通过模板变量或组件或指令类型来选择元素. (有一个类型,你会得到组件实例,而不是元素.
要么
constructor(@ViewChildren('foo') elements) {...
constructor(@ContentChildren('foo') elements) {...
@ViewChild提供了一个实时视图来匹配具有更改订阅的元素.
也可以看看
> What’s the difference between @ViewChild and @ContentChild?
> angular 2 / typescript : get hold of an element in the template
