Javascript 如何在AngularDart中访问DOM？

我正在尝试将一些JavaScript聚合元素移植到AngularDart

我需要能够做与此相当的

this.$.contentContainer.getBoundingClientRect（）（适用于那些不熟悉基本上是组件的聚合物的人。getElementById（“contentContainer”）。getBoundingClientRect（）

）

我还需要能够访问主机元素来执行诸如

window.getComputedStyle（this.direction）之类的操作，其中
this
是主机元素

在AngularDart中，这样的事情通常是如何完成的？
您可以注入一个名为
ElementRef
的对象：

import 'dart:html';

class Comp {
  final ElementRef _elementRef;

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

在AngularDart 4.x中，我们允许您直接注入
元素。
您可以注入一个名为
ElementRef
的对象：

import 'dart:html';

class Comp {
  final ElementRef _elementRef;

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

在AngularDart 4.x中，我们允许您直接注入
元素。
或者您可以使用
@ViewChild（）

@组件(
选择器：“我的组件”，
模板：“”
'''
)
类MyComponent实现AfterViewInit{
@ViewChild（'contentContainer'）HtmlElement cc；
ngAfterViewInit（）{
复写的副本。。。。
}
}

另请参见（适用于Dart，但有一些小的更改，如右侧的类型和
{}
中的可选参数）
或者，您可以使用
@ViewChild（）

@组件(
选择器：“我的组件”，
模板：“”
'''
)
类MyComponent实现AfterViewInit{
@ViewChild（'contentContainer'）HtmlElement cc；
ngAfterViewInit（）{
复写的副本。。。。
}
}

另请参见（适用于Dart，但有一些细微的更改，如右侧的类型和
{}
中的可选参数）
这是否允许您也获取宿主元素？如果您想要宿主元素，请使用@matanlurey showed方法这是否允许您也获取宿主元素？如果您想要宿主元素，请使用@matanlurey showed方法