Question

我试图在我的Angular 2应用程序上插入一个模态但是我遇到了以下错误：

未处理的Promise拒绝：模板解析错误：无法绑定＆＃39; showDismiss＆＃39;因为它不是＆＃39; modal-header＆＃39;的已知属性。

我正在使用ng2-bs3-modal插件。我觉得我在插件的设置上遗漏了一些东西。

我已在index.html上输入这三行：

  <script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

我还在我的systemconfig.js上粘贴了这段代码：

System.config({
    defaultJSExtensions: true,
    map: {
        'ng2-bs3-modal': 'node_modules/ng2-bs3-modal'
    },

我还在Ng2Bs3ModalModule上导入了app.module。

这是我收到错误的组件中的html：

  <button type="button" class="btn btn-default" (click)="modal.open()">Open me!</button>
  <modal #modal>
    <modal-header [showDismiss]="true">
        <h4 class="modal-title">I'm a modal!</h4>
    </modal-header>
    <modal-body>
        Hello World!
    </modal-body>
    <modal-footer [showDefaultButtons]="true"></modal-footer>
</modal>

有人能帮助我吗？提前致谢。任何其他使用模态的插件都将被接受，但我已经尝试了大部分插件，我也设法在这些插件上得到一些错误。

Answer 1

阅读文档showDismiss并不存在<modal-header>。您必须使用show-close之类的<modal-header [show-close]="true">。我不知道你是否正在使用其他版本？

尝试在Angular 2应用程序上输入模态时出错

1 个答案: