Ngx-bootstrap错误,因为self.context.openModal.template不是Modal的函数

时间:2017-08-07 12:03:14

标签: twitter-bootstrap typescript angular2-forms ngx-bootstrap

这里我使用ngx-bootstrap for modal,我使用他在ngx-bootstrap网站上的第一个模态示例..为什么我不能打开我的模板这是我的代码

word.insert(word.begin() + ++i, 'r');

Module.ts

i

Component.ts

<button type="button" class="btn btn-primary" (click)="openModal.template()">Create template modal</button>

<template #template>
    <div class="modal-header">
        <h4 class="modal-title pull-left">Modal</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
        This is a modal.
    </div>
</template>

1 个答案:

答案 0 :(得分:1)

您错误地调用了openModal方法。 这个openModal.template()假定openModal是具有template()方法的对象或类实例。

正确的方式是openModal(template)