Всплывающие окна для гистограммы с AngularJS

Question

Я хотел бы иметь какое-то всплывающее окно, которое будет отображать диаграмму на той же странице, где я нажимал кнопку.Примерно так:

Как бы мне этого добиться в AngularJS?Я уже настроил все файлы мульти-представления, такие как модули, контроллеры и т. Д. Я предполагаю, что мне нужно только изменить шаблон HTML для основного контроллера?

ОБНОВЛЕНИЕ

У меня гистограмма загружается на отдельный компонент с маршрутом #!/histogram/:elemId.Так что на самом деле все готово в плане создания графика и сбора данных.

Я хочу иметь такое всплывающее окно, которое отображается на той же странице, где была нажата ссылка.Что-то вроде alert(), но оно отображается не браузером, а страницей, если это имеет смысл

Вы можете увидеть код на GitHub

Answer 1

Что ж, вам нужно создать всплывающий модал, который станет основой, у меня нет времени, чтобы объяснить это прямо здесь, но я оставил вам простое руководство на YouTube youtube.com/watch?v=aqCMlI6Wq64

Сделайте нг-контроллер вроде:

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

Тогда контроллер вы можете сделать:

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