typescript - 如何使用 RxJS Observable 方式选择 DIV？

Question

我正在使用 Angular 2。

现在我知道这种选择 DIV 项目的方法：

<div #aaa>
</div>

@ViewChild('aaa') private aaa: ElementRef;
ngAfterViewInit() {
  let item = this.aaa.nativeElement;
  item.style.top = '10px';
}

是否有 RxJS Observable 方法来选择该项目，然后执行类似的操作item.style.top = '10px';？谢谢

Answer 1

如果你使用@ViewChildren()而不是@ViewChild()，你会得到一个QueryList<T>对象，它的changes字段是Observable<T>.

@ViewChildren('aaa') private aaa: QueryList<ElementRef>; 
...
ngAfterViewInit() {
  this.aaa.changes.subscribe(elementRef => elementRef.nativeElement.style.top = '10px');
}

Answer 2

关于什么

<div [style.top.px]="someProp"></div>

someMethod() {
  this.someProp = 10;
}