首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >AmCharts XY图表-如何在Angular中单击时获得模式弹出窗口?

AmCharts XY图表-如何在Angular中单击时获得模式弹出窗口?
EN

Stack Overflow用户
提问于 2019-04-17 03:19:45
回答 1查看 410关注 0票数 0

当用户点击一个数据点时,我们需要显示一个模态窗口。

我们拥有的代码是:

代码语言:javascript
复制
  constructor(public dataservice: DataserviceService, private modalService: NgbModal, private router: Router) { }
  ...
  ...
  bullet.events.on("hit", function (ev) {
    console.log(ev.target._dataItem.dataContext);
    this.modalService.open(this.dialog);
  });
}

public showDialog() {
  this.modalService.open(this.dialog);
}

我们可以在控制台中看到日志数据。但不是模态。我们该如何解决这个问题呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-17 03:37:16

代码看起来很好,但是正如@yurzui提到的,问题出在这里

代码语言:javascript
复制
bullet.events.on("hit", function (ev) {}

因为它将从另一个上下文中调用,所以modalService在那里不可用。尝试使用箭头函数,以便this context is preserved.To修复此问题,

代码语言:javascript
复制
bullet.events.on("hit", (ev) => {
    console.log(ev.target._dataItem.dataContext);
    this.modalService.open(this.dialog);
 });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55715247

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档