Ошибка Ngx-Bootstrap Модальная с Директивой Угловой 6 - PullRequest
Новая
       33

Ошибка Ngx-Bootstrap Модальная с Директивой Угловой 6

0 голосов
/ 14 сентября 2018

core.js: 1633 ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: Шаблон разбирать ошибки: нет директивы с "exportAs", установленной в "bs-modal" ("

] # staticModal = "шс-модальный" [config] = "{фон: 'статический'}" tabindex = "- 1" role = "диалог" aria-label "): ng: ///MobileModule/PerfilConfigComponent.html@1069: 34 Невозможно привязать к 'config', так как это не известное свойство 'div'. ("

<input class="text-center form-control"
               formControlName="grupos"
               pInputText
               autocomplete="off"
               type="text"
               appBlur
               [focusRemove]="true"
               placeholder="Informe os grupos de produtos"
               [pTooltip]="perfilHints?.grupos"
               tooltipPosition="top"
               [showDelay]="2000"
               [escape]="false"
               [life]="12000"
               (click)="staticModal.show()"/>

<div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: 'static'}"
   tabindex="-1" role="dialog" aria-labelledby="dialog-static-name">
   <div class="modal-dialog modal-sm">
      <div class="modal-content">
         <div class="modal-header">
            <h4 id="dialog-static-name" class="modal-title pull-left">Static modal</h4>
            <button type="button" class="close pull-right" aria-label="Close" (click)="staticModal.hide()">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>
      <div class="modal-body">
      This is static modal, backdrop click will not close it.
      Click <b>&times;</b> to close modal.
    </div>
  </div>
</div>

Это тот же пример из ngx-bootstrap. С сервисом работает.

Ответы [ 2 ]

0 голосов
/ 14 сентября 2018

Может быть, вы не импортируете ModalModule в свой модуль, потому что angular не нашел никакой директивы bs-modal в вашем приложении:

Добавьте ModalModule.forRoot() к вашему модулю.

0 голосов
/ 14 сентября 2018

Я нашел решение проблемы.Я должен импортировать в другие модули ModalModule.Я не знаю, почему причина, потому что она импортирована в "app.module", разделяя импорт с другими.Проблема возникает только при использовании директивы.

...