Угловой 6 - скрыть или показать разделение в компоненте, запущенном из службы

Question

У меня есть служба, у которой есть метод, который что-то делает.

service.ts:

doSomething() {
    // Does something here
}

Эта служба взаимодействует с нижеуказанным компонентом:

myComponent.ts

У меня есть: myComponent.html, у которого есть div:

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

Я хочу показать и скрытьdiv по коду в методе сервиса doSomething ().

Пример:

doSomething() {

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

Как это сделать?

Answer 1

Добавьте атрибут ngIf к разметке:

*ngIf="IAmDoingSomething" 

Внутри компонента вы можете сделать следующее:

export class MyDoSomethingComponent{
public IAmDoingSomething = false;
...
   invokeServices = async  () => {
       this.IAmDoingSomething = true;
       await doSomething();
       this.IAmDoingSomething = false;
    }
...
}

Answer 2

Particulary Я вставляю в метод doSomenthing () набор значений флага для управления div.

COMPONENT

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

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

Но этот код должен оставаться вкомпонент не в сервисе.