javascript - 如何在 AngularDart 中访问 DOM？

Question

我正在尝试将一些 JavaScript Polymer 元素移植到 AngularDart。

我需要能够做等同于 this.$.contentContainer.getBoundingClientRect();(对于那些不熟悉基本上是 component.getElementById( "contentContainer").getBoundingClientRect()).

我还需要能够访问宿主元素以执行诸如 window.getComputedStyle(this).direction 之类的操作，其中 this 是宿主元素。

像这样的事情在 AngularDart 中通常是如何完成的？

Answer 1

您可以注入(inject)一个名为 ElementRef 的对象:

import 'dart:html';

class Comp {
  final ElementRef _elementRef;

  Comp(this._elementRef) {
    final element = _elementRef.nativeElement as Element;
    element.getComputedStyle(); // ...
  }
}

在 AngularDart 4.x 中，我们将允许您直接注入(inject) Element。