如何在daypilot计划程序中显示简单的弹出窗口

时间:2017-02-21 14:13:36

标签: angularjs

我是Angular的初学者,我想在daypilot调度程序中显示一个简单的弹出窗口,点击事件只是为了显示详细信息..感谢您的帮助!

image

1 个答案:

答案 0 :(得分:0)

简单的过程!

example code

如你所见,有两个div。你的活动和弹出窗口。

我将'ng-click'指令设置为'event'div以捕获click事件。

因此当用户点击'event'时,showPopup变量将设置为true 。 (默认为false)

如果showPopup变量为true,弹出窗口中的'ng-show'指令将显示弹出窗口。

showPopup变量位于Angular的摘要周期中。

如果使用控制器,则可以在控制器中使用$ scope.showPopup访问showPopup变量。

(如果您想在用户再次点击'event'时关闭弹出窗口,

将ng-click =“showPopup”更改为ng-click =“showPopup =!showPopup”)

我也是初学者。请查看官方文档!