指令角度为6的错误Ngx-Bootstrap模态

Question

core.js：1633错误错误：未捕获（承诺）：错误：模板解析错误：没有将“ exportAs”设置为“ bs-modal”（“的指令

]＃staticModal =“ bs-modal” [config] =“ {背景：“静态”}” tabindex =“-1” role =“ dialog” 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中的示例相同。 随着服务的工作。

Answer 1

也许您没有在模块中导入ModalModule，因为angular在您的App中未找到任何指令bs-modal：

将ModalModule.forRoot()添加到您的模块中。

Answer 2

我找到了解决问题的办法。 我必须导入到其他模块ModalModule。 我不知道为什么，因为它是在“ app.module”中导入的，与其他人共享导入。 即使使用use指令，也会出现问题。