使用AngularJS进行直方图的弹出窗口

Question

我想有一种弹出窗口，它会在我点击按钮的同一页面上显示一个图表。 像这样：

我如何在AngularJS中实现这一目标？我已经设置了所有的多视图文件，比如模块，控制器等。我假设我只需要为主控制器更改HTML模板？

更新

我将直方图加载到具有路径#!/histogram/:elemId的单独组件上。 事实上，在创建图形和数据集合方面，一切都已准备就绪。

我想要做的是让这样的弹出窗口显示在同一页面上，点击链接。像alert()这样的东西，但它不是由浏览器显示，而是由页面显示，如果这是有意义的

您可以在GitHub

看到代码

Answer 1

嗯，你必须创建一个弹出模式，它将成为基础，我没有足够的时间来解释它，但我在YouTube上留下了一个简单的教程youtube.com/watch ？v = aqCMlI6Wq64

制作一个ng-controller，如：

<div class="chart" ng-controller="histogramController">
    <p>Stuff here</p>
</div>

然后你可以控制器：

function histogramController($scope) {
   // Chart.js functions on scope
}