Angular Dart 2 - querySelect 返回 null
在Angular Dart中，可以使用@ViewChild或@ViewChildren注解来获取DOM元素的引用，而不是使用querySelector或querySelectorAll。下面是一个使用@ViewChild来获取DOM元素引用的示例：
import 'package:angular/angular.dart';
@Component(
selector: 'my-component',
template: 'Hello',
)
class MyComponent {
@ViewChild('myElement')
Element myElement;
ngAfterViewInit() {
if (myElement != null) {
print(myElement.text);
}
}
}
在上面的示例中，我们使用 如果需要获取多个DOM元素的引用，可以使用 在上面的示例中，我们使用 这些方法都是Angular Dart中推荐的方式来获取DOM元素的引用，而不是使用@ViewChild注解来获取ngAfterViewInit生命周期钩子中打印其文本内容。注意，我们使用Element类来声明myElement属性的类型。
@ViewChildren注解，并声明一个QueryList类型的属性。以下是一个示例：import 'package:angular/angular.dart';
@Component(
selector: 'my-component',
template: '@ViewChildren注解和QueryList来获取所有具有#item引用的ngAfterViewInit生命周期钩子中打印它们的文本内容。
querySelector或querySelectorAll。相关内容