javascript - Angular 2.x 选择 DOM 元素

Question

我知道这应该很容易，但 angular 2.0 还没有很多例子..

在某些情况下，在我的组件之一中，我需要在我的 body 标签上添加类。但是我的应用程序比 body 引导得更深，所以我需要类似的东西

angular.element('body').addClass('fixed');

但是在 Angular 2.0..

顺便说一句，我知道我可以以某种方式引导我的应用程序以包含 body 标记，但我认为在其他一些情况下我无论如何都需要选择一些元素，所以我需要一个解决方案如何做到这一点简单的任务 - “选择元素并向其添加类”

Answer 1

更新

我不确定 DOM 在 RC 中是否仍然受支持。相关说法不是很清楚。有点像

DOM is only for internal use. Either access the DOM directly or use a custom renderer.

我还没有看到如何实现自定义渲染器或如何根据当前平台(webworker、服务器、DOM 线程)提供实现。

更新这似乎是 Angular2 的方式

import { DOM } from 'angular2/src/platform/dom/dom_adapter';

DOM.addClass(DOM.query("body"), 'fixed');

从 .../src/... 导入，风险自负。 .../src/... 被视为私有(private)实现，您不能指望任何保证 API 不会在未通知的情况下发生更改。

我在 Dart 中尝试过它并且工作正常(但不确定上面的 TS 导入是否正确)。在 Dart 中，DOM 由 package:angular2/angular2.dart

导出

原创

如果您想访问 Angular 应用程序根目录之外的 DOM 元素，只需使用 document.querySelector() ，不需要涉及 Angular。