Angular 6 - 隐藏或显示从服务触发的组件中的 Div

Question

我有一个服务，它有一个方法可以做某事。

服务.ts:

doSomething() {
    // Does something here
}

此服务与以下组件对话:

我的组件.ts

我有:myComponent.html，它有一个 div:

<div class="myDiv">Something Here</div>

我想要的是通过服务 doSomething() 方法中的代码显示和隐藏 div。

像这样:

doSomething() {

    1. Show myDiv   
    2. // Do something here
    3. Hide myDiv
}

我该怎么做？

Answer 1

特别是我在 doSomenthing() 方法中插入了一组用于控制 div 的标志值。

组件

doSomething() {
  service
    .doSomething()
    .subscribe(
       r => {
          this.show = true;   
          2. // Do something here
          this.show = false;  
       }
    );
}

<div *ngIf="show" class="myDiv">Something Here</div>

但是这段代码必须保留在组件中，而不是在服务中。