Нет директивы с параметром exportAs, установленным в bs-modal

Я хотел бы интегрировать дочерний модальный режим в свой проект, следуя примеру в

https://valor-software.com/ng2-bootstrap/#/modals#static

но я получил исключение, показанное ниже:

Не существует директивы с параметром «exportAs», установленным на «bs-modal». Я искал в Google и нашел ответ по этой ссылке, но это не сработало.

https://github.com/valor-software/ng2-bootstrap/issues/667#issuecomment-235204534

Эта строка не работает, когда я следовал его решению:

импортировать {MODAL_DIRECTIVES, BS_VIEW_PROVIDERS, ModalDirective} из 'ng2-bootstrap/ng2-bootstrap';

Кто-нибудь может помочь? Спасибо. Мой проект использует:

 "ng2-bootstrap": "^1.2.4"
 "@angular/common": "2.4.3",
 "@angular/compiler": "2.4.3",
 "@angular/core": "2.4.3",
 "@angular/forms": "2.4.3",
 "@angular/http": "2.4.3",

ng2-bootstrap
person user3034559    schedule 23.01.2017    source источник
comment
было бы хорошо, если бы кто-нибудь из доблестного программного обеспечения сделал учебник о том, как сделать это правильно, поскольку эти модальные окна - полная боль, когда вы пытаетесь реализовать их в реальном сценарии....   -  person 72GM    schedule 01.02.2017
comment
Да, я согласен с вами. Благодарность   -  person user3034559    schedule 02.02.2017

Ответы (2)


arrow_upward
3
arrow_downward

Я также использовал тот же модал из той же ссылки. Так что я получил точно такую ​​же ошибку. Решение для меня было таким: вы должны добавить строку import {ModalModule} from 'ng2-bootstrap/modal' в свой app.module.ts, а затем импортировать ее, как показано ниже. Просто убедитесь, что вы используете forRoot(). Без этого вы будете продолжать получать ошибку.

 @NgModule({
      imports: [
        ModalModule.forRoot()
      ]

После этого вам нужно выполнить эту операцию импорта и для yourpage.module.ts . Это решение сработало для меня, надеюсь, для вас тоже.

Примечание: кстати, вот мои версии:

  • "ng2-бутстрап": "^ 1.3.3",
  • "@угловой/общий": "2.4.8",
  • "@angular/компилятор": "2.4.8",
  • "@угловой/ядро": "2.4.8",
  • "@angular/forms": "2.4.8",
  • "@угловой/http": "2.4.8",
person slnkykrn    schedule 19.03.2017

arrow_upward
1
arrow_downward

Такая проблема может быть вызвана одним из следующих двух сценариев: 1. Вы могли пропустить эту строку в своем компоненте @ViewChild('childModal') public childModal: ModalDirective; 2. Вы могли пропустить импорт в своем объявлении модуля

    import {ModalModule} from "ng2-bootstrap";

        @NgModule({
      imports: [
            ModalModule.forRoot()
   ],
   declarations: [],
   providers: []
   })
   export class MyModule{}
person Thomas Mwania    schedule 23.06.2017