Angular ng-block-ui не работает в angular 7?

#angular #angular7 #blockui

#angular #angular7 #blockui

Вопрос:

В моем app.module.ts

 import { BlockUIModule } from 'ng-block-ui';
imports: [
    BrowserModule,
    BlockUIModule.forRoot(),
]
  

В моем компоненте панели мониторинга

 import { BlockUI, NgBlockUI } from 'ng-block-ui';

export class DashboardComponent implements OnInit {

@BlockUI() blockUI : NgBlockUI;

 ngOnInit() {
    this.blockUI.start()
 }

}
  
  • Блочный пользовательский интерфейс не добавляет элемент в Html
  • я не знаю, в чем проблема, блочный пользовательский интерфейс не запускается
  • может быть, проблема связана с версией angular или нет?
  • Используемая мной версия Angular — 7.

Комментарии:

1. есть ли какая-либо ошибка в консоли?

2. нет, в консоли нет никакой ошибки

3. Можете ли вы показать нам свой HTML-шаблон? Возможно, вы забыли добавить <block-ui> директиву.

4. вы также должны добавить это в свой html, сделал этот stackblitz с angular 7. stackblitz.com/edit/angular-7-ng-block-ui

Ответ №1:

Если директива ng-block-ui (*BlockUI = «‘your-variable'») не работает в ANGULAR 7, 8 ИЛИ 9

Тогда вот решение.

Прежде всего, если вы следили за этим упомянутым документом ng-block-ui. И даже это не работает,

Затем вам необходимо установить :

 npm install ng-block-ui@next
  

эта зависимость в вашем проекте angular.

И если вы получаете эту ошибку :

 ng-block-ui: TypeError: Cannot read property 'localName' of null
at ng-block-ui.js:878
  

Затем вам необходимо установить :

 npm install ng-block-ui@next
  

официальная ссылка на ошибку