如何显示弹药点击栏上的模态？

Question

<div id="chartdiv" style="height: 400px;">
    <div class="modal fade" id="pieModal" role="dialog">
        <div class="modal-header">
            <h4 class="modal-title">Pie Modal</h4>
            <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <p>One fine body&hellip;</p>
        </div>
        <!-- <div class="modal-footer">
                        <button type="button" class="btn btn-light"
                                (click)="modal.close('Close click')">Close</button>
                </div> -->
    </div>
</div>

以上是我的HTML代码。我要在条形图图形的任何条上单击时调用pieModal吗？而下面给出的是“ component.ts”代码。如何在此事件函数中调用pieModal？

 series.columns.template.events.on("hit", function (ev) {
    var i = ev.target.dataItem.index;
    var temp=chart.data[i].userId;
 });

Answer 1

我有同样的问题，

这是我的示例-> https://testchart.stackblitz.io

问题是，当我将mat-dialog声明为类的属性时，它超出了事件函数的范围，并且我无法调用另一个创建模式的函数窗口