Как использовать 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

Как насчет

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

someMethod() {
  this.someProp = 10;
}

Answer 2

Если вы используете @ViewChildren() скорее, чем @ViewChild(), вы получите QueryList<T> объект, который имеет changes поле, которое является Observable<T>,

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