如何使用Angular 2中的服务访问DOM？

Question

我正在考虑创建一个功能来隐藏和显示Angular 2应用程序中的组件。我曾考虑使用*ngIf或ngClass这样做，但是，编写代码会很繁琐。我现在正在考虑创建一个访问DOM的服务，并能够在全局范围内显示和隐藏组件。

例如，我有如下的DOM

<my-component-1></my-component-1>
<my-component-2></my-component-2>
<my-component-3></my-component-3>
<my-component-4></my-component-4>

我希望服务功能如下

DomService.show('my-component-1')

是否可以使用原生角度2而不使用纯javascript或jQuery？

Answer 1

当然，角度可以。 但是，你尝试做的不是使用angularjs的正确方法。因为，angularjs用DOM绑定数据。

var place = new object[] {1,2,3,4};

每当你改变isHidden的值时，它都会立即影响DOM。

Official Document