Angular block-ui-директива не работает

Question

на основе документации Я сделал следующий пример, но он не работает:

app.component. html:

<div class="col-md-12 mt-5 mb-5">
    <div *blockUI="'contact-list'" id='contact'>
        <p>
            Lorem ipsum dolor sit amet consectetur 
        </p>
    </div>
</div>


<button type="button" class="btn btn-sm btn-primary" (click)="this.showBlockUI()">
    Show BlockUI
</button>

app.component.ts:

  @BlockUI('contact-list') blockUIList: NgBlockUI;

  public showBlockUI(): void {
    this.blockUIList.start('Loading...'); // Start blocking

    setTimeout(() => {
      this.blockUIList.stop(); // Stop blocking
    }, 2000);
  }

ПРИМЕЧАНИЕ: единственная директива block-ui не работает

остальные работают отлично

Answer 1

In angular 9

сначала: удалите следующее:

npm uninstall ng-block-ui

, затем установите

npm install ng-block-ui@next

Еще Info